对齐有序列表数字到右边的技巧
P粉174151913
2023-08-31 12:03:12
<p>考虑下面的代码：</p>
<p>在输出中，列表项确实在右边，但是数字不在右边的位置。如何将数字也对齐到右边的位置？</p>
<p>
<pre class="brush:css;toolbar:false;">ol {
width: 15vw;
}</pre>
<pre class="brush:html;toolbar:false;"><ol style="text-align:right;">
<li>Orange</li>
<li>Apple</li>
<li>Mango</li>
<li>Pineapple</li>
<li>Pear</li>
<li>Grape</li>
<li>Watermelon</li>
<li>Strawberry</li>
<li>Blueberry</li>
<li>Raspberry</li>
<li>Kiwi</li>
</ol></pre>
</p>
将rtl方向的属性添加到
ol标签中：dir="rtl"。