html - HTML 下划线和对齐 td 的内容

Question

我希望单个 td 的内容加下划线。此外，内容需要以两种方式对齐。左侧一个字段，右侧另一个字段。我怎样才能做到这一点？

金额：10.00 美元

score 0 · Accepted Answer

You can do this by specifically setting a width on the 'td' tag then encapsulate the right content on span or em tag.

For the HTML:

<td>Amount: <span>10.00 USD</span></td>

For the CSS

td{
    display:block;
    width:400px;
}

span{
    float:right;
    width:auto;
}

score 0 · Accepted Answer

您必须在 td 上放置一个 id 并将文本分成两个跨度。第二个必须有一个“float:right”属性和一个特定的类。

代码可能如下所示：

CSS：

#myTd {
    text-decoration: underlined;
}
#myTd>span.right {
    float: right;
}

HTML：

...
<td id="myId">
    <span>Amount :</span>
    <span class="right">10.00 USD</span>
</td>
...