css布局 li 不设宽度 不让文字竖排

html-css010

css布局 li 不设宽度 不让文字竖排,第1张

<style>

.box{width:400pxheight:autofloat:left}

ul{margin:0padding:0list-style:none inside}

ul li{position:relative}

</style>

以前我也遇到过这个问题,整了好长时间才发现position:relative这个属性的,你试一下!我已经试过了!

将display:inline 改成 display:inline-block 就大功告成了。将一行的li元素视作类似div的盒子,这样width就能生效了。而不是对文字的属性才有效果