css - 在表格单元格中向右对齐块元素

Question

在我的购物车的“Quantidade”列中，它显示在一个表格中，除了 jQuery Validation 插件生成的错误消息之外，所有内容都向右对齐。这是一个标签元素，我显示为“块”：

td label.error{
    text-align:right;
    display:block;
    width:155px;
}

单元格的 HTML：

<td>
    <input class="required digits valorTotal itensTotal disponivel pesoTotal error" type="text" size="3" maxlength="3" value="1" name="qtd578">
    <label class="error" for="qtd578" generated="true">Não tem tantos itens disponíveis</label>
</td>   

如果我摆脱固定宽度，它会按预期向右对齐，但我使用固定宽度的原因是因为我希望错误消息文本在文本字段下方中断并稍微紧凑。我还尝试将标签浮动到右侧，但这导致文本字段移动到它的左侧。

我猜想我正在尝试做的事情可能无法使用 CSS，但我认为有人可能会想到一种解决方法。

Answer 1

您可以将margin-left元素的设置为auto：

td label.error {
    margin-left: auto;
    text-align: right;
    display: block;
    width: 155px;
}