站内搜索:
首页 >> 前端 >> 内容
布局神器table之tr,th及td的使用讲解

时间:2017/11/30 14:10:20

table是一个布局神器,之前看过很多代码,都是用table布局的。但是,我在学习的过程中,发现table有很迷的三个宝宝,他们是tr,th以及td;

tr:这是表中的“行”。每一行是一个tr(table row)。

th:这是表头,也就是每一列的标题(table head)。

td:这是表的每一个单元格

thtd的区别是:th内部的文本样式为居中+粗体td 内的文本样式为左对齐+普通文本

例(一个三行两列的表格)

<table border = "1px">
    <tr>
        <th width = "100px">姓名</th>
        <th width = "100px">职业</th>
    </tr>
    <tr>
        <td>Java君</td>
        <td>程序猿</td>
    </tr>
    <tr>
        <td>PHP君</td>
        <td>程序猿</td>
    </tr>
<table>

代码运行结果:

布局神器table之tr,th及td的使用讲解

  • 上一篇:Angular CLI ng g module 参数详情
  • 下一篇:前端数据处理技巧(实例)
  • 返回顶部