外層邊框部分高度固定,内部塊級結構居中
html結構:
//<!-- - ->注釋掉空格 <div class="verMiddle outerLayerWrap"> <div class="innerLayer"></div> </div>
style樣式:
//通用樣式 .verMiddle::before{ display: inline-block; vertical-align: middle; content: ''; height: 100%; width: 0; overflow: hidden; } //外層樣式 .outerLayerWrap{ width:100px; height:100px; border:1px solid #ccc; text-align:center; } //内層樣式 .innerLayer{ width:40px; height:40px; background:red; vertical-align:middle; display:inline-block; }
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!