html – Bootstraped表 – 更小的字体大小

前端之家收集整理的这篇文章主要介绍了html – Bootstraped表 – 更小的字体大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的html中使用bootstrap表:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
.table-condensed {
width: 90% !important;
}

而且我想让表中的字体大小更小.如何调整当前代码以获得所需的输出.提前谢谢了.

解决方法

先生.我会尝试这样的事情:
.table-condensed{
  font-size: 10px;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table table-condensed">
  <thead>
    <tr>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>Doe</td>
      <td>john@example.com</td>
    </tr>
    <tr>
      <td>Mary</td>
      <td>Moe</td>
      <td>mary@example.com</td>
    </tr>
    <tr>
      <td>July</td>
      <td>Dooley</td>
      <td>july@example.com</td>
    </tr>
  </tbody>
</table>

我弄到了你这个小提琴:https://jsfiddle.net/mqhd0js6/.希望能帮助到你!

猜你在找的HTML相关文章