3.4.5 紧凑型表格

所谓紧凑型表格,即表格的显示比普通表格稍微紧凑一些,实现原理是减少单元格的内边距。使用方式如下:

  1. <table class="table table-condensed">
  2. ...
  3. </table>

运行效果如图3-15所示。

3.4.5 紧凑型表格 - 图1 图3-15 紧凑型表格的运行效果

默认情况下表格的padding是8像素,紧凑型表格的padding值是5像素。源码如下:

  1. // 源码1441行
  2. .table-condensed > thead > tr > th,
  3. .table-condensed > tbody > tr > th,
  4. .table-condensed > tfoot > tr > th,
  5. .table-condensed > thead > tr > td,
  6. .table-condensed > tbody > tr > td,
  7. .table-condensed > tfoot > tr > td {
  8. padding: 5px;
  9. }

以上4种特效的样式可以混合在一起使用,从而制作出复杂而精美的表格。