tft每日頭條

 > 生活

 > css水平垂直居中方案

css水平垂直居中方案

生活 更新时间:2024-07-30 11:06:22

外層邊框部分高度固定,内部塊級結構居中

css水平垂直居中方案(前端UI樣式:3.0)1

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每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved