互联网常识:html如何设置文字不换行

让我们向您解释如何在html中设置自动换行。相信朋友们也应该密切关注这个话题。现在让我们和朋友们谈谈如何在html中设置自动换行。边肖还收集了如何在html中设置自动换行的相关信息。我希望你看到后会喜欢。

如何设置html文本不换行：1。一般文字截断，代码为[word-break:keep-all；white-space:norap；】;2.隐藏多余的内容，代码是【overflow:hidden】。

本教程的操作环境：windows7系统，html5版本，DELLG3电脑。

设置文本不换行的Html方法：

常规文本截断(对于内嵌和块):text-OnLine{display:block；/*内联对象需要*/word-break:keep-all；/*无换行符*/white-space:nowrap；/*无换行符*/overflow:hidden；/*隐藏超出宽度的内容*/text-overflow:省略号；/*显示省略号(.)当对象中的文本溢出时；隐藏飞越：一起用。*/}对于表，定义不同：

表格{width:30px表格布局：fixed；/*TD的以下定义只有在表格的布局算法固定的情况下才能起作用。*/}TD{width:100%；word-break:keep-all；/*无换行符*/White-space:nowwrap；/*无换行符*/overflow:hidden；/*隐藏超出宽度的内容*/text-overflow:省略号；/*显示省略号(.)当对象中的文本溢出时；隐藏飞越：一起用。*/}相关学习推荐：html视频教程

以上是html如何设置文本不换行的细节。请多关注php中文网站的其他相关文章！

来源：php中文网站

标签：

版权声明：本文由用户上传，如有侵权请联系删除！