一聚教程网:一个值得你收藏的教程网站

热门教程

一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行

时间:2022-06-25 11:21:57 编辑:袖梨 来源:一聚教程网

没有定义width的浮动block元素总是出现不自动换行的BUG ,找了很多,也试了很多,唯一下面的方法比较完美,很简单,就是一个属性,

把该block元素的CSS 中加入:

white-space:nowrap; 

这一句
注:
white-space:nowrap;
width:100pa;

火狐下 必须定义 宽度 和高度

比如:

div{white-space: nowrap;}

运行代码无着色模式复制打印?
  

  
这是一段很长的文字中间没有空格也没有换行它不会自动换行直到被截取掉
胡锦涛抵达开始访问方面最高规格迎接 更多
  
   


现在介绍一下white-space:nowrap简单语法

white-space 属性设置如何处理元素内的空白。

这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

默认值: normal
继承性: yes
版本: CSS1
JavaScript 语法: object.style.whiteSpace="pre"

 

热门栏目