如何把无序列表用css平铺为一行？

html-css027

如何把无序列表用css平铺为一行？,第1张

用css的浮动属性，float:left\x0d\x0a\x0d\x0a比如代码如下：\x0d\x0a\x0d\x0a内容\x0d\x0a 内容\x0d\x0a 内容\x0d\x0a\x0d\x0a在css里面控制\x0d\x0ali{float:left}\x0d\x0a希望可以帮到你！

第一种：当然是无序列表中的默认小圆点

第二种：是把小圆点改为小方块显示

第三种：是把小圆点改为空心圆显示

第四种：是把小圆点给去掉，这个应该是比较常用的。

第五种：也是不太常用的，就是把无序列表编程有序列表的方法，前面加数字

html中写：

<ul class="list">

<li tittle="">我是第一个</li>

<li tittle="">我是第二个</li>

<li tittle="">我是第三个</li>

<li tittle="">我是第四个</li>

</ul>

css中定义：

.list{ width:800pxmargin:0 auto}

.list li{ list-style:nonewidth:200pxheight:25pxline-height:25pxfloat:left}

或者直接在页面title下面写

<style type="text/css">

.list{ width:800pxmargin:0 auto}

.list li{ list-style:nonewidth:200pxheight:25pxline-height:25pxfloat:left}

</style>

实现的效果都一样

打字不易，请采纳