1

我对此有一个小问题

    ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
    padding-left: 15px;
}

    ul#menu li a {
        background: none;
        color: #999;
        text-decoration: none;
        vertical-align:middle;
    }

    ul#menu li a:hover{
        color: #7ac0da;
        text-decoration: none;
    }

我想要做的是，在 li 中有一个 SVG，然后让文本以图像为中心，而不是位于图像的底部。

<li><a href="~/"><img src="~/svg/iconmonstr-menu-6-icon.svg" height="30" width="30"/>Home</a></li>
4

1 回答 1

0

将 设置<ul>为垂直对齐到中间。

ul#menu li a img { vertical-align:middle; }
于 2013-08-15T10:26:34.887 回答