css解决td单元格内文字溢出

0 收藏 分类:前端知识| 作者 拾光 | 发布于 2023-09-17 | | 阅读数: 1225

td单元格内显示的文字太长时,总是会自动分行,把表格撑高了,或者密密麻麻的一片,总是不好看~

俺一开始的做法是用php的mb_substr()来截取定长的字符串,但是,因为中英文字节的差异,比如,10个中文字符就比10个英文字符要长得多,在网页上显示起来就忽长忽短,无法对齐,很不美观~

~解决办法~

第一步:

标签加样式:style="table-layout:fixed;"(一定要加,否则下面定义的td的样式都不起作用了)

第二步:

加样式:style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"


~成功解决~



0个评论