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

感觉前面学的基础大部分都是为了引导出第15节的内容,发现水平居中让人有点头疼,说不是我前面基础没掌握好,求大神帮解析一下?

html代码:

<body> <div>     <ul>         <li><a href="#">1</a></li>         <li><a href="#">2</a></li>         <li><a href="#">3</a></li>     </ul> </div> </body>

css代码:

<style> .container{     text-align:center; } /* margin:0;padding:0(消除文本与div边框之间的间隙)*/ .container ul{     list-style:none;     margin:0;     padding:0;     display:inline; } /* margin-right:8px(设置li文本之间的间隔)*/ .container li{     margin-right:8px;     display:inline; } </style>

这种方法相比第一种方法的优势是不用增加无语义标签,但也存在着一些问题:它将块状元素的 display 类型改为 inline,变成了行内元素,所以少了一些功能,比如设定长度值。


正在回答

3 回答

#1

ChiefJugle 提问者

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

多复习几遍就好了 我也这样

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

可以吧display:inline; 改成display:inline-block;行内块元素这样既不会像块元素一样单独存在一行,又可以设置宽高 

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

举报

0/150
提交
取消

感觉前面学的基础大部分都是为了引导出第15节的内容,发现水平居中让人有点头疼,说不是我前面基础没掌握好,求大神帮解析一下?

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