bootstrap下<table>如何设置固定列宽,并让多余内容用省略号(...)代替

  1. 首先

table-layout: fixed

<table class="table table-hover" style="table-layout: fixed">
  1. 然后
<td colspan='2'></td>
  1. table的CSS设置
.table thead tr th, .table tbody tr td {
        vertical-align: middle;/*画像居中*/
        white-space: nowrap;/*规定段落的文本不进行换行*/
        overflow: hidden;/*超出隐藏*/
        text-overflow: ellipsis;/*隐藏的字符用省略号表示  IE*/
        -moz-text-overflow: ellipsis;/*隐藏的字符用省略号表示  火狐*/
    }
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页