使用CSS样式 white-space:nowrap 可以定义某个区域内的内容是否可自动换行,默认是可以的。如果设置的值为 nowrap 将禁止自动换行,如上图所示。内容超过窗体可显示的区域外时将在浏览器下方出现滚动条
在这行文字的td或div属性中,加入
代码如下:
style="word-break : break-all;"
例子 代码如下 复制代码
CSS 禁止自动换行p {white-space:nowrap}
这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,
效果如下午
下面这个例子可以实现文本只有在遇到空格或者是换行符的时候才能换行,比如: 代码如下 复制代码
div{width:300px;border:1px solid red;margin:10px;overflow:hidden;}
.nowrap{white-space:nowrap;}
这是一段很长的文字,中间没有空格,也没有换行,它不会自动换行直到被截取掉
这是一段很长的文字,中间没有空格,也没有换行,但它会自动换行
上面两个div里超宽的文字,第一个里面的被禁止换行,然后超宽的被截取了;第二个不做设置,于是自动换行了