<分区>
标签 html css icons font-awesome
<分区>
我尝试添加一些 padding-top
,但有没有办法自动执行此操作?我找不到任何类似的问题。
i{
background: red;
height: 100px;
}
<link href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" rel="stylesheet" />
<i class="fa fa-link"></i>
最佳答案
希望对您有所帮助。请检查以下代码段。
i{
background: red;
height: 100px;
position: relative;
}
i:before {
position: relative;
top: 50%;
transform: translateY(-50%);
display: block;
}
<link href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" rel="stylesheet" />
<i class="fa fa-link"></i>
关于html - 如何在固定高度的 <i> 标签中将图标对齐到中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49796802/