html如何隐藏一行代码是什么,css强制文字不换行代码是什么？

css强制文字不换行代码是什么？下面本篇文章给大家介绍一下使用CSS强制字体在一行内显示不换行的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

CSS强制字体在一行内显示不换行

当一行文字超过DIV或者Table的宽度的时候，浏览器中默认是让它换行显示的，如果不想让他换行要怎么办呢？

用CSS让文字在一行内显示不换行的方法：

一般的文字截断(适用于内联与块)：.text-overflow {

display:block; /*内联对象需加*/

width:31em;

word-break:keep-all; /* 不换行 */

white-space:nowrap; /* 不换行 */

overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

}

对于表格，定义有点不一样：table{

width:30em;

table-layout:fixed; /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */

}

td{

width:100%;

word-break:keep-all; /* 不换行 */

white-space:nowrap; /* 不换行 */

overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与 overflow:hidden;一起使用。*/

}

更多前端开发知识，请查阅 HTML中文网 ！！