如何写一个不丑,且自适应的表格

    <table cellspacing="0" class="t-table">
          <tr>
            <td>用户ID：</td>
            <td>111</td>
            <td>手机号：</td>
            <td>2222</td>
          </tr>
          <tr>
            <td>邮箱：</td>
            <td>3333</td>
            <td>实名状态：</td>
            <td>44444</td>
          </tr>
          <tr>
            <td>净资产折合：</td>
            <td>1000</td>
            <td>可用资产折合：</td>
            <td>1123123123000</td>
          </tr>
          <tr>
            <td>冻结资产折合：</td>
            <td>1000</td>
            <td>总充值折合：</td>
            <td>1123123123000</td>
          </tr>
          <tr>
            <td>总提现折合：</td>
            <td>1000</td>
            <td>空投奖励折合：</td>
            <td>1123123123000</td>
          </tr>
          <tr>
            <td>交易笔数：</td>
            <td>1000</td>
            <td>总交易手续费折合：</td>
            <td>1123123123000</td>
          </tr>
        </table>

.t-table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  tr {
    td {
      line-height: 30px;
      padding: 3px 7px;
      width: 150px;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
    }
  }
}

 

转载于:https://my.oschina.net/u/4004801/blog/3026353