在Bootstrap中可以通过添加 .table-condensed class属性,将行内边距(padding)被切为两半,以便让表看起来更紧凑,这让信息看起来更紧凑占用页面空间变小。示例如下所示:
<table class="table table-condensed"> <caption>精简表格布局</caption> <thead> <tr> <th>名称</th> <th>城市</th> <th>邮编</th></tr> </thead> <tbody> <tr> <td>Tanmay</td> <td>Bangalore</td> <td>560001</td></tr> <tr> <td>Sachin</td> <td>Mumbai</td> <td>400003</td></tr> <tr> <td>Uma</td> <td>Pune</td> <td>411027</td></tr> </tbody> </table>
效果如下所示:
猜你喜欢 鲜西洋参怎么处理保存 怎样保存西洋参不变质 气派非凡造句 用气派造句 满天星适合什么季节种 满天星适合什么季节种要多久时间才会开花 隔离霜和防晒霜可以一起用吗 隔离霜和防晒能一起用吗 立冬是一年中第几个节气 立冬是一年中第几个节气了 缓和干洗在家里怎么洗 居家干洗怎么洗 烤箱蛋糕制作方法步骤 烤箱蛋糕如何制作