Home / Questions / 313071
Accepted
Richard
Asked: 2020-12-02 23:54:39 +0800 CST 2020-12-02 23:54:39 +0800 CST

如何在 td 中放置 2 个或更多元素？

  • 772

我正在尝试td 在使用 2 时将 2 个元素放在 a 中，button但它们可以是任何其他元素

元素必须集中

一种方法是创建另一个tableinside td，显然你不能tr在 a中插入另一个td。

但这有两个问题

  1. 项目不集中。
  2. 可以清楚地看到它是一张在另一个里面的桌子，我不希望它被看到。

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  align-content: center;
}
</style>
</head>
<body>

<table style="width: 100%;">
<tbody>
<tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
    <td><table><tr><td><Button>a</Button></td><td><Button>b</Button></td></tr></table></td>
  </tr>
  <tr>
  </tr>
</tbody>
  
</table>

</body>
</html>

html5

2 Answers

  1. 看看这是否适合你。

    <TABLE BORDER>
	<TR>
		<TH>Primero</TH>
		<TH>Segundo</TH>
		<TH>Tercero</TH>
	</TR>
	<TR>
		<TD>Celda 1</TD>
	    	<TD>Celda 2</TD>
	    	<TD>Celda 3.1<br> Celda 3.2</TD>
	</TR>
	<TR>
		<TD>Celda 4</TD>
	    	<TD>celda 5<br>celda5.1 </TD>
	    	<TD>Celda 6</TD>
	</TR>
</TABLE>

    让他们集中注意力，就像把 ALIGN=

    <TABLE BORDER>
	<TR>
	    <TH>Primero</TH>
	    <TH>Segundo</TH>
	    <TH>Tercero</TH>
	</TR>
	<TR ALIGN=center>
	    <TD>Todas aCentroCelda 2</TD>
	    <TD>Tambien al centro<br> Centro doble</TD>
	</TR>
	<TR>
	    <TD ALIGN=right>Alineado a la derecha</TD>
	    <TD ALIGN=center>Alineado al centro</TD>
	    <TD>Por defecto<br>Alineado a la izquierdat</TD>
	</TR>
</TABLE>

    • 0
  2. Best Answer

    我知道，由于您没有使用过课程，并且如果页面和在线样式是类似于邮寄活动或类似内容的表格，这就是为什么我以应用在线样式的解决方案为例。我希望这可以帮助你：

    <body>
<style>
table, th, td {
  border: 1px solid black;
  align-content: center;
}
</style>



<table style="width: 100%;">
<tbody>
<tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
    <td><table style="
    border: none;
    /* empty-cells: hide; */
    align-items: center;
    text-align: center;
    width: 100%;
"><tbody><tr><td style="
    border: none;
"><button>a</button></td><td style="border: none;"><button>b</button></td></tr></tbody></table></td>
  </tr>
  <tr>
  </tr>
</tbody>
  </table>
</body>
    • 0