手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

CSS如何让无序列表在一同一行显示

时间:2024-10-14 18:37:44

1、首先将你的无序列表写在DIV标签内,以便能够更好的控制它。比如:<div class="uls"><ul></ul></div>

CSS如何让无序列表在一同一行显示

2、然后将LI列表有定数的插入到UL中去,这里是关键,可以决定你的显示方式。这里用行的形式显示如下:<div class="uls"><ul><li></li><li></li><li></li><li></li><li></li></ul></div>

CSS如何让无序列表在一同一行显示

3、添加LI样式,让它能够在HTML显示出来。样式可以加其它彭榧逡钚修饰样式,这里只写主要能实现效果的样式,如下:#container u造婷用痃l{list-style: none;}li {float: left;margin-left:10px;width: 100px;line-height: 30px;}

CSS如何让无序列表在一同一行显示
© 手抄报圈