日本一卡精品视频免费丨国产午夜片无码区在线播放丨国产精品成人久久久久久久丨国产亚洲日韩av在线播放不卡丨亚洲日韩av无码

在網(wǎng)頁DIV+CSS關(guān)于文字垂直居中怎么表示

2016/8/12 8:47:12   閱讀:1516    發(fā)布者:1516
很多時候在網(wǎng)頁布局中需要文字垂直居中,有個CSS屬性:vertical-align: middle;該屬性在table里用是有效果的,很多塊級元素沒反應(yīng)。
這里有2個屬性可以模擬table,來讓vertical-align: middle屬性生效。
display: table和display: table-cell;
很簡單父級元素給固定寬高加上屬性display: table,子級元素給屬性display: table-cell和vertical-align: middle此時子集元素的文字自然垂直居中。
<!doctype html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>display:table</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .main{
            display: table;
            width: 100px;
            height: 100px;
            border: 1px solid red;
        }
        .d1{
            display: table-cell;
            vertical-align: middle;
        }
        .d1 h3{
            text-align: center;
        }
    </style></head><body>
        <div class="main">
            <div class="d1">
                <h3>垂直居中</h3>
            </div>
        </div></body></html>
主站蜘蛛池模板: 亚洲日产韩国一二三四区| 小荡货奶真大水多好紧视频| 日韩一区二区在线视频| 中文字幕大香视频蕉免费| 日本高清视频在线| 一区二区三区视频| 国产精品自在线拍亚洲另类| 一区一区三区四区产品动漫| 香蕉综合在线| 激情综合色五月六月婷婷| 色呦呦网| 性色av一区二区三区夜夜嗨| 99热网站| 一本加勒比hezyo无码专区| 黑色丝袜老师色诱视频国产| 十八禁无码免费网站| 国产国产精品人在线观看| 国产久草av| 亚洲精品永久在线观看| 日本人又黄又爽又色的图片| av在线观看地址| 日本肉感丰满bbw| 无码无遮挡又大又爽又黄的视频| 国产第69页| 国产精品丝袜高跟鞋| 热逼视频| 国产精品夜夜春夜夜爽久久小| av在线播放观看| 国产婷婷色一区二区三区在线| 欧美极品jiizzhd欧美暴力| 亚洲va天堂va欧美片a在线| 丰满熟妇乱又伦在线无码视频| 欧美人体西西444www| 九九影院理论片私人影院| 中文字幕成人在线| 小荡货奶真大水多好紧视频| 亚洲无人区码一码二码三码的含义| 波多野结衣a级片|