跨度中的 CSS 固定宽度

Posted 2023-03-06

【中文标题】跨度中的 CSS 固定宽度

【英文标题】：CSS fixed width in span

【发布时间】：2012-08-22 07:15:59

【问题描述】：

我需要一个固定跨度的例子：CSS fixed width in a span

引用：

<li><span></span> The lazy dog.</li>
<li><span>AND</span> The lazy cat.</li>
<li><span>OR</span> The active goldfish.</li>

作者想要：

    The lazy dog.
AND The lazy cat.
OR  The active goldfish.

但如果我有很长的剩余部分：

                 The lazy dog.
ANDDDDDDDDDDDDDD The lazy cat.
OR               The active goldfish.

但我真的需要：

                 The lazy dog.
ANDDDDDDDDDDDDDD The lazy cat.
              OR The active goldfish.

有可能吗？

【问题讨论】：

哦，对不起... text-align: right 看起来像我需要的。

我认为你应该删除这个问题，因为这不是一个常见的问题，它会帮助别人，你有你的解决方案。

【参考方案1】：

这样的东西对你有用 尝试模仿表格展示

li
   display:table-row;        

li span
   display:table-cell;
   text-align:right;
   padding-right:5px;

demo