点评：当一行文字超过p或者Table的宽度的时候，浏览器中默认是让它换行显示的，如果我们不想让他换行显示那要怎么办呢，下面为大家介绍下如何设置p+CSS设置一行内文字超过宽度不换行且不显示 ！
当一行文字超过p或者Table的宽度的时候，浏览器中默认是让它换行显示的，如果我们不想让他换行显示那要怎么办呢？看到这个标题很容易就会想到截断文字加&...&的做法。&
一般的文字截断(适用于内联与块)：&
==============CSS================&
复制代码代码如下:
.text-overflow{&
display:/*内联对象需加*/&
word-break:keep-/* 不换行 */&
white-space:/* 不换行 */&
overflow:/* 内容超出宽度时隐藏超出部分的内容 */&
text-overflow:/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:一起使用。*/&
=================================&
对于表格的话，定义有一点不一样：&
==============CSS================&
复制代码代码如下:
table-layout:/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */&
width:100%;&
word-break:keep-/* 不换行 */&
white-space:/* 不换行 */&
overflow:/* 内容超出宽度时隐藏超出部分的内容 */&
text-overflow:/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:一起使用。*/&
=================================&
注：这个东东只对单行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。 这个写法只有IE会有&...&，其它的浏览器文本超出指定宽度时会隐藏。&
最新图文资讯
相关文章列表:
站长圈推荐文章
　-　 　-　 　-　 　-　 　-　 　-　1694人阅读
编程（55）
问题：客户要求文字必须是一行，超出部分自动隐藏。而现在没有办法在php里控制截取字数，只能在前端css里处理。
首页div的宽度是一定的。
处理办法为：
word-break: keep-/*这个可以不要*/word-wrap: break-
white-space:/*强制不换行，如果没有此行，则当用鼠标滑过的效果时，有可能会出现，因为超出的部分已经漂浮到其他的div上了*/
overflow:/*自动隐藏文字*/text-overflow:/*文字隐藏后添加省略号，如果不想用，可以省略此项*/ width: 20/*不允许出现半汉字截断*/
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：107206次
积分：2470
积分：2470
排名：第13716名
原创：142篇
转载：20篇
评论：11条
(4)(4)(7)(7)(6)(8)(18)(1)(1)(2)(7)(15)(2)(1)(1)(4)(1)(3)(7)(20)(18)(17)(1)(2)(1)(4)(2)html内容超出了div的宽度如何换行让内容自动换行
作者：佚名
字体：[ ] 来源：互联网 时间：07-22 17:32:13
在显示评论列表的时候因为有固定宽，但是显示的内容超出的了div的宽，在这种情况下我们需要将其换行，实现的css代码如下
在工作中评论内容测试遇到评论着的评论内容为：&dddddddddddddddddddddddddddddddddddddddddddddddddd&，错误的评论，在显示评论列表的时候因为有固定宽，但是显示的内容超出的了div的宽，在这种情况下我们需要添加css为： 代码如下: word-wrap:break- word-break:break- overflow:/*这个参数根据需要来绝对要不要*/
大家感兴趣的内容
12345678910
最近更新的内容}