HTML中怎么使table标签里地某一列靠右显示?

html-css014

HTML中怎么使table标签里地某一列靠右显示?,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的第2列<td>标签中,输入样式代码:style="text-align: right"。

3、浏览器运行index.html页面,此时table标签的第2列靠右显示了。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<table border="1"><tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr></table>

3、浏览器运行index.html页面,此时成功实现了table表的列竖向排列。

Html中的table元素中,colspan 属性规定单元格可横跨的列数即跨列,rowspan 属性规定单元格可横跨的行数跨行。

两个属性的代码实例如下:

1、表格单元横跨两列的表格:

<table border="1">

  <tr>

    <th>Month</th>

    <th>Savings</th>

  </tr>

  <tr>

    <td colspan="2">January</td><!--设置横跨两列-->

  </tr>

  <tr>

    <td colspan="2">February</td><!--设置横跨两列-->

  </tr>

</table>

结果:

2、表格单元横跨两行的表格:

<table border="1">

  <tr>

    <th>Month</th>

    <th>Savings</th>

  </tr>

  <tr>

    <td>January</td>

    <td>$100.00</td>

    <td rowspan="2">$50</td><!--设置横跨两行-->

  </tr>

  <tr>

    <td>February</td>

    <td>$10.00</td>

  </tr>

</table>