1

ここに画像の説明を入力

表に表示されているショッピング カートの「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では不可能かもしれないと推測していますが、誰かが回避策を考えているのではないかと思いました.

4

1 に答える 1

5

margin-left要素の を に設定できautoます。

td label.error {
    margin-left: auto;
    text-align: right;
    display: block;
    width: 155px;
}
于 2013-05-10T19:03:15.850 に答える