IE6下,解决LI 宽度自适应
2013-02-25 00:00
302 查看
<ul>
<li>1</li><li>2222</li><li>333</li>
</ul>
在IE6下,不给li定义宽度,让其自适应增加宽度,这里就要用到
li{white-space: nowrap;}
完整的CSS代码
li{white-space: nowrap; display:inline-block;*display:inline;*zoom:1;}
其中
display:inline-block;*display:inline;*zoom:1;
是让li成为块级元素,并内联
display:inline-block;*display:inline;*zoom:1;的用法可以查看display: inline-block兼容性写法
<li>1</li><li>2222</li><li>333</li>
</ul>
在IE6下,不给li定义宽度,让其自适应增加宽度,这里就要用到
li{white-space: nowrap;}
完整的CSS代码
li{white-space: nowrap; display:inline-block;*display:inline;*zoom:1;}
其中
display:inline-block;*display:inline;*zoom:1;
是让li成为块级元素,并内联
display:inline-block;*display:inline;*zoom:1;的用法可以查看display: inline-block兼容性写法
相关文章推荐
- IE6下li无法自适应宽度解决办法
- ul li根据li中内容自适应宽度解决方法
- 解决Button在IE6、7下的自适应宽度问题
- 解决IE6下自适应宽度内嵌100%宽度表格问题
- IE6下li设置float属性后,li的宽度不能自适应
- Button在IE6、7下的自适应宽度问题解决方法
- JS解决IE6不支持li:hover的代码
- 礼拜三log~CSS控制文本不换行+省略号 & li宽度无效的解决方法 & 在js中获取后台变量
- grid(datagrid、treegrid)自适应高度和宽度解决方法
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- li:hover在IE6下的解决办法
- li 自适应宽度
- 当设置display:inline;时li的宽度无效的解决方法
- 解决火狐既有最小高度,又能和ie6一样高度自适应
- 框架页中针对IE6自适应宽度,不出现横向滚动条
- li浮动时ul高度为0,解决ul自适应高度的几种方法
- grid(datagrid、treegrid)自适应高度和宽度解决方法
- IE6设置li的float:left,不能自适应宽的解决方法
- 关于li:hover伪类,以及各种除了a:hover在IE6下不生效的解决办法.
- grid(datagrid、treegrid)自适应高度和宽度解决方法