CSS如何隐藏td里面超出的文字？

Posted 2023-04-03

参考技术A

display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

一般的文字截断（适用于内联与块）：

.text-overflow
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

参考技术B display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

css, 怎样使td高度固定，当内容超出设定高度时，超出部分隐藏。

#aaa td

height:236px;
overflow:hidden;
display:block;


我这样设置后，当td里的内容很长时，在ie6下会超出显示。
怎样让其在ie6下显示固定的高度，当超出高度时，不是撑开，而是超出部分隐藏。

如有好的方法，请到我空间发评论。
http://hi.baidu.com/huodongyixia/blog/item/b60c185196290a99810a1822.html

参考技术A 在TD里加个DIV就可以解决！CSS对应改成
#aaa td div

height:236px;
overflow:hidden;
display:block;
本回答被提问者采纳