CSS中如何把列表分到两边在Web开发中,常会遇到需要把列表从中间分成两部分的情况。这时,我们可以使用CSS中的float属性来实现。下面,我们来看一下具体的实现方法。首先,我们需要在HTML中创建一
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> <li>列表项4</li> <li>列表项5</li> <li>列表项6</li> <li>列表项7</li> <li>列表项8</li> </ul>
ul { list-style:none; /* 去掉列表的标记 */ margin:0; padding:0; overflow:hidden; /* 用于清除浮动 */ } li { float:left; /* 让列表项向左浮动 */ width:50%; /* 列表项占据整个容器的一半宽度 */ }
li { float:left; width:50%; height:80px; /* 设置列表项的高度为80px,可以根据具体情况进行调整 */ }
ul { list-style:none; margin:0; padding:10px; /* 在列表容器四周添加10px的间隔 */ overflow:hidden; }
粉丝
0
关注
0
收藏
0