zoukankan      html  css  js  c++  java
  • css解决td单元格内文字溢出

    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

  • 相关阅读:
    Codeforces 912 D. Fishes (贪心、bfs)
    Codeforces 908 D.New Year and Arbitrary Arrangement (概率&期望DP)
    HDU
    HDU
    POJ-2299 Ultra-QuickSort (树状数组)
    deque!
    HDU
    乘法逆元
    Codeforces 911D. Inversion Counting (数学、思维)
    Codeforces 909E. Coprocessor (拓扑、模拟)
  • 原文地址:https://www.cnblogs.com/chk520/p/3906686.html
Copyright © 2011-2022 走看看