css 怎样让无序列表 横着排列
2 回答
largeQ
TA贡献2039条经验 获得超7个赞
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0; padding: 0;} ul, li{list-style: none;} ul:after{content: ''; display: block; clear: both;} li{width: 100px; height: 100px; background-color: pink; font-size: 20px; float: left; margin-right: 10px;} </style> </head> <body> <ul> <li>111</li> <li>222</li> <li>333</li> </ul> </body> </html> |
使用浮动float即可，但是使用浮动一定记得将父级ul清除浮动，否则它的高度为空，因为里面的li浮动后脱离文档流了。
万千封印
TA贡献1891条经验 获得超3个赞
用css的浮动属性，float:left;
比如代码如下：
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
在css里面控制
li{float:left;}
希望可以帮到你！
- 2 回答
- 0 关注
- 1891 浏览
添加回答
举报
0/150
提交
取消