0

我在 ul 中垂直显示了四个图标,高度为 100%,宽度固定。我希望图标适合 ul 的实际大小。

<div>  
    <ul id="user-actions">
       <li><i class="icon1"></i></li>
       <li><i class="icon2"></i></li>
       <li><i class="icon3"></i></li>
       <li><i class="icon4"></i></li>
    </ul>
  </div>

在这里举例

所以我尝试在 % 中为 li 添加一些 margin-top,但是如果 div 的大小发生变化,则 li 会保持原样。

4

1 回答 1

1

将此样式用于 li 标签

li{
    height: 25% !important;
}

这有帮助吗?

于 2013-05-23T10:36:14.577 回答