首页 > 编程知识 正文

css 超出隐藏,html文字换行代码换行

时间:2023-05-05 09:48:14 阅读:155046 作者:1432

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中文网。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。