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

参见英文答案 > Setting the width of inline elements7个
我想设计一个标题页眉. HTML代码是,

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

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

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

我怎么能得到正确的效果？

谢谢.

解决方法

要应用宽度,请将css属性“display”设置为“block”或“inline-block”.

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

内联块;元素将具有高度,宽度等,并且多个元素将位于同一行(块)中.

原文地址：https://www.jb51.cc/css/217461.html