css 图标和文本未居中

hec6srdp 于 11个月前发布在其他

关注(0)|答案(2)|浏览(110)

我有一个问题，注销符号被放置略高于Logout。
我尝试添加边距，使图标与文本高度相同，并位于同一行，但似乎不起作用。

.dropdown-content {
    position: absolute;
    width: 120px;
        padding: 14px;
        background-color: yellow;
}

#logout-icon {
    width: 20px;
}

个字符

css

来源：https://stackoverflow.com/questions/77776921/icon-and-text-not-centered

2条答案

按热度按时间

m4pnthwp1#

你应该利用flex属性来做类似的事情。调整差距属性直到你对间距满意。

.dropdown-content {
    display: inline-flex;
    gap: 0.5rem;

    background-color: yellow;
    padding: 1rem 2.5rem;

}

#logout-icon {
    width: 20px;
}

个字符

赞(0）回复(0）举报 11个月前

6fe3ivhb2#

简单的解决方法是对.dropdown-content使用FlexBox。
下面是一个示例：

.dropdown-content {
    position: absolute;
    display: flex;
    align-items: center;
    width: 120px;
    padding: 14px;
    background-color: yellow;
}

字符串

赞(0）回复(0）举报 11个月前

我来回答

css 图标和文本未居中

2条答案

相关问题

热门标签

最新问答