改变列宽（Changing Column Width），这个是html里面的一个内容！

现在你我们使用所有合适的语义你可能想改变每一列的宽度——现在,每个列宽33%。让我们说我们想要的第一列是40%的表和两个remaning列是30%(40% + 30% + 30% = 100%)。
为了做到这一点,我们使用<thead>元素。这个元素是被放置在<table>标记和< thead >标记和我们使用样式属性定义列的宽度。<thead>元素是一个自闭的元素,你需要一个用于每一列你表。让我们有一个例子:

<table border="1" width="100%">
        <col style="width:40%">
        <col style="width:30%">
        <col style="width:30%">
        <thead>
        <tr>
                <th>Fruits</th>
                <th>Vitamin A</th>
                <th>Vitamin C</th>
        </tr>
        </thead>
        <tbody>
        <tr>
                <th>Apples</th>
                <td>98 ui</td>
                <td>8.4 mg</td>
        </tr>
        <tr>
                <th>Oranges</th>
                <td>295 ui</td>
                <td>69.7 mg</td>
        </tr>
        <tr>
                <th>Bananas</th>
                <td>76 ui</td>
                <td>10.3 mg</td>
        </tr>
        </tbody>
</table>

这种方式,您可以控制多宽表的列应。我已经使用这个样式属性和值“宽度:40%”作为一个例子,但理想情况下,你应该有这个在你的样式表文件,因为这一切都是为了看起来和任何与语义。
我你用你的样式表可以创建三个类,定义每一列的宽度,然后你的标记看起来像这样:

<table border="1">
        <col class="column-one">
        <col class="column-two">
        <col class="column-three">
        <thead>
        <tr>
                <th>Fruits</th>
                <th>Vitamin A</th>

你已经学会了
每一个表的开始和结束与<table>元素
你使用属性colspan和行宽来合并单元
一个表分为一个头(< thead >元素)和主体(<tbody>元素)
在头和身体表分为行使用< tr >元素
你不定义列在HTML表,而是您使用< td >元素定义个人数据细胞
每当你需要定义一个标题细胞,使用< th >元素而不是< td >元素

转载于:https://www.cnblogs.com/gaofenglans/p/liemdsd.html