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

热门教程

CSS禁止文本自动换行代码

时间:2022-06-25 09:31:42 编辑:袖梨 来源:一聚教程网

在这行文字的td或div属性中,加入

代码如下:

style="word-break : break-all;"

例子

 代码如下 复制代码





CSS 禁止自动换行


 

这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,这是禁止了自动换行的文本测试,



效果如下午

 

CSS禁止文本自动换行代码

下面这个例子可以实现文本只有在遇到空格或者是换行符的时候才能换行,比如:

 代码如下 复制代码


这是一段很长的文字,中间没有空格,也没有换行,它不会自动换行直到被截取掉

这是一段很长的文字,中间没有空格,也没有换行,但它会自动换行

上面两个div里超宽的文字,第一个里面的被禁止换行,然后超宽的被截取了;第二个不做设置,于是自动换行了

热门栏目