css - 减小a的宽度使用 css 阻止

Question

这是我创建的页面：

我想减小具有橙色作为背景色的块的宽度，而不在属性宽度中使用数字，有没有其他方法可以做到这一点？

我试过浮动：左；并且它有效，但它向左我希望自动检测宽度，因为文本长度和在 html 页面的中心。

Answer 1

一种解决方案是在 div 周围添加一个包装元素：

<div id="outer">
    <div id="inner">Vous avez acheté 6 pieces, le total à payer est : 200DH</div>
</div>

进而：

#inner {
    display: inline-block; /* for the background */
}

#outer {
    text-align: center; /* for centering */
}

http://cssdesk.com/Y8SB8

当然，如果 div 的父级已经拥有text-align: center.

Answer 2

好吧，如果您希望它居中并具有自动宽度，则一种选择是将其视为inline元素。

display: inline;

或者：

display: inline-block;

假设父元素有text-align: center，这应该足够了。