问答详情
源自：6-9 填填性别和兴趣爱好 - 单选框、复选框，让用户选择

关于样式的问题

<!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;

}

这句话有什么作用？

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

提问者：qq_一生之久_0 2016-03-31 16:04

个回答

  • 蒋媛
    2016-03-31 16:11:34
    已采纳

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

    0
  • 相思勿念
    2016-03-31 16:16:19

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

    0
  • camilleTan
    2016-03-31 16:14:37

    列表内容水平居中

    0
  • 慕粉3123418
    2016-03-31 16:14:10

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

    0
  • 蹲大街哼情歌
    2016-03-31 16:11:16

    列表内容水平居中

    0
  • 枫叶宇
    2016-03-31 16:10:30

    清除ul的默认样式（margin:外边距）

    0
  • xiixii
    2016-03-31 16:09:49

    列表内容水平居中

    0