css解决td单元格内文字溢出
浏览数：31 /
时间：2015年06月09日
td单元格内显示的文字太长时，总是会自动分行，把表格撑高了，或者密密麻麻的一片，总是不好看~
俺一开始的做法是用php的mb_substr()来截取定长的字符串，但是，因为中英文字节的差异，比如，10个中文字符就比10个英文字符要长得多，在网页上显示起来就忽长忽短，无法对齐，很不美观~
~解决办法~
第一步：<table>标签加样式：style="table-layout:fixed;"（一定要加，否则下面定义的td的样式都不起作用了）
第二步：<td>加样式：style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"
~成功解决~
===================补充===================
遇到一种情况，使用上述方法，在IE10、IE9、IE8、firefox、opera下都可以隐藏超出的文字，但是在IE7和IE6下就不能隐藏，显示了密密麻麻的几行文字（有标点的中文），几经搜索和尝试，找到两种解决方法：一是在td和文字之间套多一层div。二是td的宽度设置不用确定的数字，而是用百分比。
转载来自于：http://blog.csdn.net/happyqyt/article/details/6635047
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
