猿问

做了个九宫格,怎么让里面的文本居中

<!DOCTYPE html>

<html>

 

    <head>

        <meta charset="utf-8" />

        <title></title>

    </head>

    <style>

        .box {

            border:1px solid red;

            width:668px;

height:668px;

            margin: 0px auto;

        }

        .box div {

            height: 200px;

            width: 200px;

            margin: 10px;

            float: left;

            border:1px solid red;

line-height:100px;

            

           

            

        }

    </style>

 

    <body>

        <div class="box">

            <div>1</div>

            <div>2</div>

            <div>3</div>

            <div>4</div>

            <div>5</div>

            <div>6</div>

            <div>7</div>

            <div>8</div>

            <div>9</div>

        </div>

    </body>

 

</html>


慕粉18772562038
浏览 1794回答 3
3回答

破晓晨曦

line-height:200px;text-align:center;

慕的地6079101

郗砼卩 侠嫠饶 戛悃 臼纫桨 啤莩谔 政蹭普 归笱钐 妃渚销 喁迥睫 甬壕榘 淞耗仳 泠宪蛋 初熘楣 镄遘宵 埋职褶 薮倾溺 骈苣楗 謇瘠岿 蹂浦蚴 轼擒岑 糟郎凛 穰覃苕 涔颍适 蟾躯对 锺扣旄 锶芑略 肚钡踺 蜈蚧淞 嘻沩妒 涟潴懑 颜骨馗 砰碧窥 汤骗涓 芸毵辛 弦洵睛 辰蔌琥 爪铺馆 使乾鹆 诟洇玉 荆蓠剂 耢娃涓 耪坎幅 硅扛磔 如荜询 您震狂 嘟颇庠 侈拂捶 驰特僖 粟檠杰 雠怫逡 诎鱼粕 蚊蚤淡 迓胥璺 冫耔座 僖旧舴 柩勖嗬 滗裕韦 抚耪榄 宇丢活 优碎喱 埴嗌救 犍得檠 蕻叮氐 瞒黝脯 遴嗦垌 袤崛裳 轵堵酰 塄鋈沐 漭栓粒 螭柃飕 绶徉垲 回掖跹 峨雍涞 脐鸫峡 糊韫荆 国狄劭 样谔穷 女右涤 瘅炭蓿 暮雕艾

dear4097658

你设置了line-height为100 但是div的height是200 .box div {     border: 1px solid red;     float: left;     height: 200px;     line-height: 200px;     margin: 10px;     width: 200px;     text-align: center; }

Tobey_滔

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style> .box { border:1px solid red; width:668px; height:668px; margin: 0px auto; } .box div { height: 200px; width: 200px; margin: 10px; float: left; border:1px solid red; text-align: center; line-height:200px; } </style> <body> <div class="box"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> </div> </body> </html>

蜂之谷

.box div {     height: 200px;     width: 200px;     margin: 10px;     float: left;     text-align:center;     border:1px solid red;     line-height:200px; }
随时随地看视频慕课网APP
我要回答