CSS跨度固定宽度 [英] CSS fixed width in span

问题描述

有一个我需要的固定跨度的例子： CSS固定宽度

引用：

 < li><跨度>< /跨度>懒狗。< / li> 
< li>< span> AND< / span>懒猫。< / li> 
< li>< span> OR< / span>活跃的金鱼。< / li> 
  

和作者想要的：

 懒狗。 
和懒猫。 
或活跃的金鱼。 
  

但是，如果我有多余的剩余部分：

 懒狗。 
 ANDDDDDDDDDDDDDD懒惰的猫。 
或活跃的金鱼。 
  

但我确实需要：

 懒狗。 
 ANDDDDDDDDDDDDDD懒惰的猫。 
或活跃的金鱼。 
  

是否可能？

解决方案

像这样的东西可以为你工作

尝试模仿表格显示

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

demo

There was an example of fixed span i need: CSS fixed width in a span

Quote:

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

and the author wanted:

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

But if i have long left part:

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

But i really need:

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

Is it possible?

解决方案

Something like this would work for you
Try to imitate table display

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

demo

这篇关于CSS跨度固定宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！