为了账号安全,请及时绑定邮箱和手机立即绑定

关于样式的问题

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<style type="text/css">

ul{

margin:0 auto;

}


li{

font-size:14px;

float:left;

margin-left:40px;

line-height:40px;

list-style:none;

}

</style>

</head>


<body>

<ul>

<li>首页</li>

<li>素材库</li>

<li>赛事风云</li>

<li>新潮资讯</li>

<li>世界之星</li>

<li>云服务</li>

<li>需求大厅</li>

</ul>

</body>

</html>

最后这里,

ul{

margin:0 auto;

}

这句话有什么作用?

我删除了这句话,结果显示没有变化.

正在回答

7 回答

margin上下是0像素,左右边距自动

0 回复 有任何疑惑可以回复我~
#1

qq_一生之久_0 提问者

非常感谢!
2016-03-31 回复 有任何疑惑可以回复我~

margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right
因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)

0 回复 有任何疑惑可以回复我~

列表内容水平居中

0 回复 有任何疑惑可以回复我~

margin:0px,这一句是删除UL的缩进,这样做可以使所有的列表内容都不缩进。 

0 回复 有任何疑惑可以回复我~

列表内容水平居中

0 回复 有任何疑惑可以回复我~

清除ul的默认样式(margin:外边距)

0 回复 有任何疑惑可以回复我~
#1

qq_一生之久_0 提问者

我删除了这句话,结果显示没有变化?
2016-03-31 回复 有任何疑惑可以回复我~

列表内容水平居中

0 回复 有任何疑惑可以回复我~
#1

qq_一生之久_0 提问者

我删除了这句话,结果显示没有变化?
2016-03-31 回复 有任何疑惑可以回复我~
#2

xiixii 回复 qq_一生之久_0 提问者

如果你再给ul设个宽度就有效果了
2016-03-31 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225806    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

关于样式的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信