html中col標(biāo)簽中的漢字如何居中？html col標(biāo)簽的基本使用(內(nèi)有案例)

首先我們先介紹HTML中的col標(biāo)簽的漢字居中：

在這里介紹個(gè)align屬性：align屬性規(guī)定與col元素相關(guān)的內(nèi)容的水平對(duì)齊方式。

說(shuō)說(shuō)align屬性的屬性值：

語(yǔ)法

<col align="center">

使其中的漢字居中顯示出來(lái)。

看一個(gè)html col標(biāo)簽中align屬性的使用實(shí)例：

<table width="100%" border="1">
  <col align="left">
  <col align="center">
  <col align="right">
  <tr>
    <th>PHP中文網(wǎng)</th>
    <th>HTML</th>
    <th>PHP</th>
  </tr>
  <tr>
    <td>100</td>
    <td>hjsdhdf</td>
    <td>$135</td>
  </tr>
</table>

效果很明顯，在上面的例子中，col元素為表格中的三個(gè)列規(guī)定了不同的對(duì)齊方式。

現(xiàn)在來(lái)說(shuō)說(shuō)col標(biāo)簽的基本使用：

<col>標(biāo)簽規(guī)定了<colgroup>元素內(nèi)部的每一列的列屬性。

通過(guò)使用<col>標(biāo)簽，可以向整個(gè)列應(yīng)用樣式，而不需要重復(fù)為每個(gè)單元格或每一行設(shè)置樣式。

再來(lái)看個(gè)關(guān)于HTML<col>標(biāo)簽的使用實(shí)例：

<colgroup>和<col>標(biāo)簽為表格中的三個(gè)列設(shè)置了背景色：

<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
<tr>
    <th>PHP中文網(wǎng)</th>
    <th>HTML</th>
    <th>PHP</th>
  </tr>
  <tr>
    <td>100</td>
    <td>hjsdhdf</td>
    <td>$135</td>
  </tr>
</table>

這個(gè)效果很明顯，如下圖

這圖和代碼相結(jié)合，應(yīng)該很容易猜到要說(shuō)的是什么，這里就不多說(shuō)了，想要知道可以自己去多試驗(yàn)試驗(yàn)，這樣比較記得熟。

以上就是本篇關(guān)于html col標(biāo)簽的居中和基本的使用方法。有問(wèn)題的可以在下方提問(wèn)。

【小編推薦】

HTML img標(biāo)簽的src屬性的用法是什么？具體使用方法解析（內(nèi)附實(shí)例）

html單選按鈕默認(rèn)選中怎么做？input標(biāo)簽的單選按鈕用法實(shí)例

以上就是html中col標(biāo)簽中的漢字如何居中？html col標(biāo)簽的基本使用(內(nèi)有實(shí)例)的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！