css强制字符不换行的代码是什么? 本文介绍了如何使用CSS强制字体在一行中显示而不换行。 有一定的参考价值,需要的朋友可以参考,希望对大家有所帮助。
CSS强制字体在一行中显示为无换行符
当一行字符超过DIV或Table的宽度时,浏览器默认显示换行符,但如果不想换行符怎么办?
如何在CSS中在一行中显示文本而不换行:
的常见字符截断(应用于行内和块): text-overflow { )。
显示:块; /*在线对象包括*/
width:31em;
word-break:keep-all; /*不换行*
white-space:nowrap; /*不换行*
overflow :隐藏; /*内容超过宽度时,隐藏超过的部分*
文本覆盖: ellipsis; /*对象中的文本溢出时省略标记(…); overflow :隐藏; 一起使用。 */
}
表的情况下,定义略有不同。 table{ (
width:30em;
表布局: fixed; /*以下td定义仅在定义了表的布局算法为fixed时才起作用。 */
}
td{
width:100%;
word-break:keep-all; /*不换行*
white-space:nowrap; /*不换行*
overflow :隐藏; /*内容超过宽度时,隐藏超过的部分*
文本覆盖: ellipsis; /*对象中的文本溢出时省略标记(…); overflow :隐藏; 一起使用。 */
}
关于前端开发的知识,请参阅HTML中文网。