第二种水平居中方法
为什么不是对.container进行 display:inline;居中显示，而是对li进行设置
weibo_东东呛嘿_03463907
2016-07-25
2 回答
如果按你说的对.container设置display:inline;，这样是把.container设置为了行内元素，那么要使它居中，就还需给他一个父级元素。自己动手试试就知道了
像这样：
style>
div{text-align:center;}
.container{text-align:center;display:inline;}
.container ul{list-style:none;margin:0;padding:0;display:inline;}
.container li{margin-right:8px;display:inline;}
</style>
</head>
<body>
<div>
<div class="container">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
</div>
举报
0/150
提交
取消
