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.

出来ますか？

score 4 · Accepted Answer

このようなものがあなたのために働くでしょ
う表の表示を模倣してみてください

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

1 に答える 1