img / div / 字體 垂直居中div 實現方式
第一種:
我認爲最簡單的img垂直居中div
html:
<div class="app-logo">
<img src="${ctx}/static/img/logo.png">
<i class="visible"></i>
</div>
css:
.app-logo {
width: 200px;
height: 60px;
line-height: 60px;
text-align: center;
}
.app-logo img{
width: 180px;
height: 40px;
vertical-align: middle;
}
.app-logo .visible{
display: inline-block;
}
第二種:
使用絕對定位
html: