Question

I m 试图传播<li>横向使用float:left。页: 1



Does anyone have any idea how this is done?

Answer 1

难道有某种原因,为什么你只能将其放在<编码>上:在线;(或inline-block? 例如:

http://jsfiddle.net/TKmR5/

Answer 2

The answer is to use display: table; on the <ul> element and display: table-cell; on the <li> elements.

Answer 3

您可使用<代码>:在线24;在现代浏览器中运行。

例:

正如在以下评论中所说的那样:#71346 。

[......] “各项目之间的宽度空间”是由不重新设定幅度和dding造成的。

Answer 4

Float左下并分拨ul <>/code>的宽度超过lis 我想是你们的。参看:。



传真:

<ul>
    <li>item</li>
     <li>item</li> 
     <li>item</li> 
     <li>item</li> 
</ul>


CSS:

ul {
    width: 250px;
    background: red;
    padding: 0;
    margin: 0;
    overflow: auto;
}

li {
    width: 20%;
    float: left;
    background: green;
    margin: 2.5%;
}

Answer 5

li {
    display: inline-block;
}

ul{
    text-align: center;
}

然后调整碎块或碎块,使之在隔.中传播。

友情链接