css 怎样让无序列表 横着排列
css 怎样让无序列表 横着排列
幕布斯7119047浏览 1892回答 2
2回答
-
largeQ
1234567891011121314151617181920<!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浮动后脱离文档流了。 -
万千封印
用css的浮动属性，float:left;比如代码如下：<ul><li>内容</li><li>内容</li><li>内容</li></ul>在css里面控制li{float:left;}希望可以帮到你！
随时随地看视频慕课网APP
相关分类
CSS3