Question

我有一个现金数量的选择，并希望将美元符号与数字对齐。像这样：

$    0,00
$   10,00
$  100,00
$ 1000,00

我已经尝试过html标签“dir = rtl”。但是这个符号不适用于数字

修改

我的代码：

<select name="valor2" style="width: 150px;" dir="rtl">
                <option value="9999999">Qualquer um</option>
                <option value="50000">R$50.000,00</option>
                <option value="100000">R$100.000,00</option>
                <option value="200000">R$200.000,00</option>
                <option value="500000">R$500.000,00</option>'
                <option value="800000">R$800.000,00</option>
                <option value="1000000">R$1.000.000,00</option>
                <option value="2000000">R$2.000.000,00</option>
            </select>

Answer 1

您需要将文本分隔成单独的块：

<div style="width:100px;">
        <div style="float:left">$</div>
        <div style="position:relative;text-align:right;">1000.00</div>
        <div style="float:left">$</div>
        <div style="position:relative;text-align:right;">100.00</div>
    </div>

这样你就可以自由地漂浮和对齐。

Answer 2

你能不能手动将其分开？

<select name="valor2" style="width: 150px;" dir="rtl">
  <option value="9999999">Qualquer um</option>
  <option value="50000">R$   50.000,00</option>
  <option value="100000">R$  100.000,00</option>
  <option value="200000">R$  200.000,00</option>
  <option value="500000">R$  500.000,00</option>'
  <option value="800000">R$  800.000,00</option>
  <option value="1000000">R$ 1.000.000,00</option>
  <option value="2000000">R$ 2.000.000,00</option>
</select>

或者我错过了什么？

HTML - 选择具有价格对齐的Box

2 个答案: