如何设置内联元素的宽度？

Question

我想设计一个标签页眉。 html代码是，

<div class="tab-header">
    <a href="" class="current">tab1-title</a>
    <a href="">tab2-title</a>
</div>

现在我需要将背景图像应用到当前类中，也可以像这样生效，

但是内联元素a对于这个背景图像来说还不够大，所以我调整了元素a的宽度和高度。但是调整失败了，元素的宽度/高度没有变化。

我怎样才能获得正确的效果？

感谢。

Answer 1

要应用宽度，请将css属性'display'设置为'block'或'inline-block'。

阻止：元素将位于一行中。在这种情况下，您可能需要设置float，以便链接在同一行;

内联块;元素将具有高度，宽度等，并且多个元素将位于同一行（块）中。

Answer 2

将display属性设置为inline-block，然后根据需要设置width，height和vertical-align。

Answer 3

使用

display: inline-block;

内联元素上的

。通过一些调整，它具有广泛的跨浏览器支持，对于您所追求的布局非常有用。

Answer 4

您必须在锚点上使用display:block。