html - 跨度中的 CSS 固定宽度

Question

我需要一个固定跨度的示例：跨度中的CSS固定宽度

引用：

<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.

可能吗？

Answer 1

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

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

演示