CSS灵活的背景

Question

这应该是最简单的事情，但我无法弄清楚。

<div style="width:auto;background-color:#000000;color:#ffffff;">Example</div> 

我想要的就是这个DIV的背景应该和其中的文字一样大。这就像我将“例子”更改为“DIV示例”时应该变大。我的意思是它应该和其中的文本一样大。我该怎么做 ？

Answer 1

那么，你可以添加一个float CSS属性，或更好，display: inline-block甚至display: inline。这样DIV将具有灵活的宽度。

Answer 2

使用此：

display: inline-block; 

inline-block可以让你在需要时添加padding/margin。