zoukankan      html  css  js  c++  java
  • table td中的内容过长,显示为固定长度,多余部分用省略号显示

    简单描述:table数据过长,结果顶到下一格,影响了数据的查看

    解决办法: 给table 加上style属性   另外 给td加上style标签修饰

    <table class="table table-striped table-bordered table-hover table-checkable order-column" style="table-layout:fixed;" id="table1"> 

    <style>
    td {
    white-space:nowrap;//规定文本不换行
         overflow:hidden;//关闭滚动条
         text-overflow: ellipsis;//溢出文字显示为省略号
    }
    </style> 

     说明:style="table-layout:fixed;"就是让table的内部布局固定大小,用width属性调节td的长度。

     显示的是XXX....并不是全部的内容,这时候,td标签的title 属性就起到关键作用了,td的text同时赋值给title属性,当鼠标放到table格上,就会显示全部的名称了

    效果:

    原文链接:https://blog.csdn.net/tuntun1120/article/details/72903387   感谢!!!

  • 相关阅读:
    离散数学--第十章 群,环,域
    离散数学--十一章 格与布尔代数
    matplotlib 基础|笔记
    CF Round #632 div2
    Codeforces Round#630 div2
    PVZ 2--攻略合集?
    【POJ
    【POJ
    【Aizu
    【Aizu
  • 原文地址:https://www.cnblogs.com/xuchao0506/p/10160791.html
Copyright © 2011-2022 走看看