css table布局實(shí)現(xiàn)左右上下居中

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>test</title>
    <style>
        html,
        body {
            height: 100%;
        }

        .table {
            display: table;
            margin: 0 auto;
            height: 100%;
        }

        .item {
            display: table-cell;
            height: 100%;
            vertical-align: middle;//垂直居中

        }

        .item.left {
            text-align: right;//左側(cè)第一列右對(duì)齊
            padding-right: 10px;
        }
    </style>
</head>

<body>
    <div class="table">
        <div class="item left">
            <div>哈哈哈你 :</div>
            <div>哈哈哈你遞四方速遞:</div>
            <div> 范德薩范德薩發(fā):</div>
        </div>
        <div class="item">
            <div>100問(wèn)你</div>
            <div>佛擋殺佛 </div>
            <div> fdsafsad</div>
        </div>
    </div>
</body>
</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末品嚣,一起剝皮案震驚了整個(gè)濱河市他巨,隨后出現(xiàn)的幾起案子居扒,更是在濱河造成了極大的恐慌酷含,老刑警劉巖携添,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件全蝶,死亡現(xiàn)場(chǎng)離奇詭異涯曲,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)双吆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)眨唬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人好乐,你說(shuō)我怎么就攤上這事匾竿。” “怎么了蔚万?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵岭妖,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我反璃,道長(zhǎng)昵慌,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任淮蜈,我火速辦了婚禮斋攀,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘梧田。我一直安慰自己淳蔼,他們只是感情好侧蘸,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著肖方,像睡著了一般闺魏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上俯画,一...
    開(kāi)封第一講書(shū)人閱讀 51,541評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音司草,去河邊找鬼艰垂。 笑死,一個(gè)胖子當(dāng)著我的面吹牛埋虹,可吹牛的內(nèi)容都是我干的猜憎。 我是一名探鬼主播,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼搔课,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼胰柑!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起爬泥,我...
    開(kāi)封第一講書(shū)人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤柬讨,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后袍啡,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體踩官,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年境输,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蔗牡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嗅剖,死狀恐怖辩越,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情信粮,我是刑警寧澤黔攒,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站蒋院,受9級(jí)特大地震影響亏钩,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜欺旧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一姑丑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧辞友,春花似錦栅哀、人聲如沸震肮。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)戳晌。三九已至,卻和暖如春痴柔,著一層夾襖步出監(jiān)牢的瞬間沦偎,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工咳蔚, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留豪嚎,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓谈火,卻偏偏與公主長(zhǎng)得像侈询,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子糯耍,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容