我有一个包含文本和图像的菜单系统。我的图片(在高度上)比文本稍大,并且希望为其中不包含图片的元素添加更多的边距空间。我将如何去做?我的HTML看起来像这样:
<div id = "menu2">
<div>
<a href = "index.php">
<img src = "images/home.png" alt = "Home" title = "Home"/>
</a>
<a href = "#">
Menu_Item_1
</a>
<a href = "#">
Menu_Item_2
</a>
</div>
</div>
就我而言,我想样式化(使用css / css3)没有图像子元素的元素。
最佳答案
您可以将line-height
应用于您的链接:
line-height: 50px;
50px
取决于图像的高度。Fiddle
关于css - 如何设置不包含特定元素的元素的样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23724098/