文本对齐不适用于span

-3

我需要下面的对齐方式。我可以使用表来实现此目的，但我想要一个不使用表格的解决方案。文本对齐不适用于span

Sub Total $596.00 
    Shipping $35.00 
     Tax $63.11 
Order Total $694.11

当我不使用表格时，它看起来像下面，即使我使用文本对齐：第一个span元素的权利。

Sub Total $596.00 
Shipping  $35.00 
Tax   $63.11 
Order Total $694.11

来源

2014-12-02 zahiritpro

为什么不使用表？这看起来像是'

'元素的一个很好的候选人。 – misterManSam2014-12-02 13:15:38

对所有'td'，**或**使用'text-align：right'来为它制定一个css规则。 – Bharadwaj 2014-12-02 13:20:32

我不能添加表头的内容。没有它，辅助功能工具会弹出错误消息 – zahiritpro 2014-12-02 19:25:24

回答

您可以使用inline-block和first-child至align并添加padding。

事情是这样的：

#container > div > div { 
 
    display:inline-block; 
 
    min-width:75px; 
 
} 
 

 
#container > div > div:first-child { 
 
    text-align:right; 
 
    padding-right:10px; 
 
}

<div id="container"> 
 
    <div> 
 
     <div>Sub Total</div> 
 
     <div>$596.00</div> 
 
    </div> 
 
    <div> 
 
     <div>Shipping</div> 
 
     <div>$35.00</div> 
 
    </div> 
 
    <div> 
 
     <div>Tax</div> 
 
     <div>$63.11</div> 
 
    </div> 
 
    <div> 
 
     <div>Order Total</div> 
 
     <div>$694.11</div> 
 
    </div> 
 
</div>

来源

2014-12-02 14:33:44

text-align不适用于内联元素。尝试将display：inline-block或display：block设置为span元素。

来源

2014-12-02 13:13:50 Mela

文本对齐不适用于span

回答

相关问题