要闻

当前位置/首页/要闻/正文

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

导读让我们向您解释如何在html中设置自动换行。相信朋友们也应该密切关注这个话题。现在让我们和朋友们谈谈如何在html中设置自动换行。边肖还收

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

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

本教程的操作环境:windows7系统,html5版本,DELL G3电脑。

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

常规文本截断(对于内嵌和块):text-OnLine { display : block;word-break : keep-all;white-space : nowrap;overflow : hidden;text-overflow :省略号;}对于表,定义不同:

表格{ width:30px表格布局: fixed;} TD { width :100%;word-break : keep-all;White-space : now wrap;overflow : hidden;text-overflow :省略号;}相关学习推荐:html视频教程

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

来源:php中文网站

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。