我想创建一个简单的价目表,其中第二个元素有两个子列表。 并且所有价格列必须为文本align=right,并且元素必须为文本align=left
<!DOCTYPE html>
<html>
<body>
<table style="width:100%" >
<tr>
<td>one</td>
<td>100$</td>
</tr>
<tr>
<td>two
<table style="width:100%" >
<tr>
<td>three</td>
<td>300$</td>
</tr>
<tr>
<td>four</td>
<td>400$</td>
</tr>
</table>
</td>
<td></td>
</tr>
<tr>
<td>five</td>
<td>500$</td>
</tr>
</table>
</body>
</html>
最佳答案
tr{
display: block;
}
td{
min-width: 100px;
}
td:nth-child(2){
text-align:right;
}
td > li{
padding-left: 20px;
}
<table>
<tr style="border-bottom: 2px solid black;">
<td>one</td>
<td>100$</td>
</tr>
<tr>
<td>two</td>
</tr>
<tr>
<td><li>three</li></td>
<td>300$</td>
</tr>
<tr style="border-bottom: 2px solid black;">
<td><li>four</li></td>
<td>300$</td>
</tr>
<tr style="border-bottom: 2px solid black;">
<td>five</td>
<td>400$</td>
</tr>
</table>
我想帮助你。
关于html - 如何将 table 放在 table 里面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45659446/