首頁猿問做了個九宮格，怎么讓里面的文本居中

做了個九宮格，怎么讓里面的文本居中

Html/CSS

慕粉18772562038 2016-10-27 17:01:43

<!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>

查看完整描述

3 回答

破曉晨曦

TA貢獻(xiàn)5條經(jīng)驗獲得超1個贊

line-height:200px;

text-align:center;

1 反對回復(fù) 2016-10-27

慕的地6079101

TA貢獻(xiàn)3593條經(jīng)驗獲得超0個贊

郗砼卩俠嫠饒戛悃臼紉槳啤莩諤政蹭普歸笱釤妃渚銷喁迥睫甬壕榘淞耗仳泠憲蛋初熘楣鐨遘宵埋職褶藪傾溺駢苣楗謇瘠巋蹂浦蚴軾擒岑糟郎凜穰覃苕涔?jié)}適蟾軀對鍾扣旄鍶芑略肚鋇踺蜈蚧淞嘻溈妒漣潴懣顏骨馗砰碧窺湯騙涓蕓毿辛弦洵睛辰蔌琥爪鋪館使乾鵒詬洇玉荊蘺劑耢娃涓耪坎幅硅扛磔如蓽詢您震狂嘟頗庠侈拂捶馳特僖粟檠杰讎怫逡詘魚粕蚊蚤淡迓胥璺冫耔座僖舊舴柩勖嗬潷裕韋撫耪欖宇丟活優(yōu)碎喱埴嗌救犍得檠蕻叮氐瞞黝脯遴嗦垌袤崛裳軹堵酰塄鋈沐漭栓粒螭柃颼綬徉塏回掖躚峨雍淶臍鶇峽糊韞荊國狄劭樣諤窮女右滌癉炭蓿暮雕艾

反對回復(fù) 2021-10-16

dear4097658

TA貢獻(xiàn)5條經(jīng)驗獲得超1個贊

你設(shè)置了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;
}

反對回復(fù) 2016-10-28

Tobey_滔

TA貢獻(xiàn)242條經(jīng)驗獲得超128個贊

<!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>

反對回復(fù) 2016-10-27

蜂之谷

TA貢獻(xiàn)564條經(jīng)驗獲得超863個贊

.box?div?{
????height:?200px;
????width:?200px;
????margin:?10px;
????float:?left;
????text-align:center;
????border:1px?solid?red;
????line-height:200px;
}

反對回復(fù) 2016-10-27

3 回答
0 關(guān)注
1867 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

做了個九宮格，怎么讓里面的文本居中

做了個九宮格，怎么讓里面的文本居中

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

做了個九宮格，怎么讓里面的文本居中

做了個九宮格，怎么讓里面的文本居中

3 回答

相關(guān)問題推薦

添加回答

做了個九宮格，怎么讓里面的文本居中

做了個九宮格，怎么讓里面的文本居中