杭州九道网络科技有限公司

您当前的位置:玉山网建 > 新闻在线 > 网站建设知识 > 正文

css下li内容撑高显示换行,不直接下一行排列

Category:玉山网建     Time:2016-03-02 17:57:04      Hot:内容
在使用css结合div布局的时候碰到了一个问题。
在一个规定宽度大小的ul里边 我把li的宽度定义为自动。
让li根据内容长度来自动向左对齐排列。
例如宽度为600px的ul里面,要放置无数个自动宽度的li,我需要这些li向左自动排列。
设置好U和li之后
结果发现在搜狗高速下面浏览正常,转到IE9.0之后出错:
ul正常,li没有自动到下一行排列,而是内容换行,把li给撑高了。

后面查资料解决:

需要在LI里面加入:white-space: nowrap;

附相关语法:
 
white-space : normal | pre | nowrap
 
normal   : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
 
pre   : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。
 
nowrap   : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

关注玉山网建
微信公众号 | 关注玉山网建 了解玉山网建的客户如何作网站?
© 2021 玉山网建 - 专业的建站品牌 www.yushanw.cn All Rights Reserved. 浙ICP备14026872号-7
15868808871