关于css文字超出自动换行，css超过宽度自动换行这个很多人还不知道，今天小乐来为大家解答以上的问题，现在让我们一起来看看吧！

1、当然我只是举个例子，其余的样式你可以自己设置，你设置个宽度与最小宽度max-width与min-width，一般都是320px--640px手机；用CSS让文字在一行内显示不换行的方法：一般的文字截断(适用于内联与块)：.text-overflow{display:block; div{width:300px;border:1px solid red;margin:10px;overflow:hidden;}/内联对象需加/word-break:keep-all; / 不换行 /white-space:nowrap; / 不换行 /text-overflow:ellipsis; /溢出时显示省略标记...；需与overflow:hidden;一起使用/}对于表格，定义有点不一样：table{width:30em;table-layout:fixed; /只有定义了表格的布局算法为fixed，下面td的定义才能起作用/}td{width:;word-break:keep-all; / 不换行 /white-space:nowrap; / 不换行 /overflow:hidden; / 内容超出宽度时隐藏超出部分的内容 /text-overflow:ellipsis; / 溢出时显示省略标记...；需与overflow:hidden;一起使用/CSS 能够对网页中元素位置的排版进行像素级控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

本文到这结束，希望上面文章对大家有所帮助。