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

跟大家讲解下有关html如何设置文字不换行，相信小伙伴们对这个话题应该也很关注吧，现在就为小伙伴们说说html如何设置文字不换行，小编也收集到了有关html如何设置文字不换行的相关资料，希望大家看到了会喜欢。

html设置文字不换行的方法：1、一般的文字截断，代码为【word-break:keep-all;white-space:nowrap;】；2、隐藏超出部分的内容，代码为【overflow:hidden;】。

本教程操作环境：windows7系统、html5版，DELL G3电脑。

html设置文字不换行的方法：

一般的文字截断(适用于内联与块)：

 .text-oneLine{ display:block;  word-break:keep-all;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  }

对于表格，定义有所不同：

 table{ width:30px; table-layout:fixed;  } td{ width:100%; word-break:keep-all;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  }

相关学习推荐：html视频教程

以上就是html如何设置文字不换行的详细内容，更多请关注php中文网其它相关文章！

来源：php中文网