html<table>里的td如何单独控制文字垂直与水平位置？

Posted 2023-03-22

如图。

td中垂直用valign 取值为：top/middle/bottom，水平用align 取值为：left,center,right;
你想达到的效果应该是 align="right" valign ="bottom" 组合追问



追答

你把里面的table 添加 width="100%",你没设宽度。

参考技术A <td align="center" valign="middle">文字内容</td>试试看 参考技术B 把td改为<div>

html里的table怎样实现跨行和跨列

表格单元横跨两列的表格：
<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>

表格单元横跨两行的表格：
<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> 参考技术A <td colspan=3>  跨行
<td rowspan=3>  跨列