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

前端之家收集整理的这篇文章主要介绍了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,以便链接在同一行;

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

猜你在找的CSS相关文章