关于样式的问题

来源:6-9 填填性别和兴趣爱好 - 单选框、复选框,让用户选择

qq_一生之久_0

2016-03-31 16:04

<!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回答

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

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

    qq_一生之...

    非常感谢!

    2016-03-31 16:14:52

    共 1 条回复 >

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

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

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

    列表内容水平居中

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

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

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

    列表内容水平居中

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

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

    qq_一生之...

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

    2016-03-31 16:11:50

    共 1 条回复 >

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

    列表内容水平居中

    xiixii 回复qq_一生之...

    如果你再给ul设个宽度就有效果了

    2016-03-31 16:17:30

    共 2 条回复 >

初识HTML(5)+CSS(3)-升级版

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

1225812 学习 · 18234 问题

查看课程

相似问题