Question

我有一个包含文字和图片的菜单系统。我的图像比文本略大（高度），并且希望为不包含图像的元素添加更多的边距空间。我该怎么做呢？我的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）没有图像子元素的元素。

Answer 1

您可以将line-height应用于您的链接：

line-height: 50px;

50px取决于您的图片高度。

Fiddle

Answer 2

<div id = "menu2">
<div>
<a href = "index.php">
  <img src = "images/home.png" alt = "Home" title = "Home"/>
</a>
<a href = "#" class="ses">
  Menu_Item_1
</a>
<a href = "#" class="ses">
  Menu_Item_2
    </a>
  </div>
</div>


<style>
#menu2 a .ses{
color:#f2f2f2;// whatever you want..
}
</style>

如何设置不包含特定元素的元素的样式

2 个答案: