欢迎加入站点基地设计开发交流群:30720409
详细内容
ul列表li内容不换行的解决办法
发布日期:2012-11-28     点击:4756     字体:[ ]

如果不特别控制,li里内容会在li标记里换行,不会自动切换到ul里下一行,这样页面就回出现错乱,解决办法是在css里给li加上一个属性 white-space: nowrap;即可。

【语法】:

  white-space : normal | pre | nowrap

  各个属性值的解释:

  normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行

  pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象

  nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

用户评论
昵称 
内容  *
验证码   
   
相关文章 更多...  
Copyright © 2010 zdbase.com All Rights Reserved. 苏ICP备15039389号 可人软件设计