首页 > 其他 > 详细

table开发中遇到的问题

时间:2018-10-30 20:39:20      阅读:147      评论:0      收藏:0      [点我收藏+]

table元素是一个很常用的元素。但是在开发中,我也遇到了一些值得记录下来的问题及解决方案:

1.td内容溢出时,隐藏内容并且以省略号提示

.hide-content{
    /* 不换行 */
    white-space: nowrap;
    /* 超出隐藏 */
    overflow: hidden;
    /* 超出部分文字用省略号代替 */
    text-overflow: ellipsis;
}

2.设置表头宽度,直接设置th的宽度是无效的,因为它是基于自动计算

.fixed-table{
    /* 设置固定表头表格布局算法 */
    table-layout: fixed;
}
<!-- 将表格布局算法切换到固定布局算法即可在th上设置width来固定宽度 -->

table开发中遇到的问题

原文:https://www.cnblogs.com/sefaultment/p/9879210.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!