這篇文章主要介紹css中如何實(shí)現(xiàn)文字居中，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站長(zhǎng)期為上1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為涪城企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)，涪城網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

文字居中的css代碼是“text-align:center;”或“l(fā)ine-height:值;”。text-align屬性規(guī)定元素文本的水平對(duì)齊方式，當(dāng)值為center時(shí)，即可實(shí)現(xiàn)水平居中；而設(shè)置line-height可實(shí)現(xiàn)文字垂直居中。

css 文字居中

1、文字水平居中

text-align 屬性規(guī)定元素中的文本的水平對(duì)齊方式，當(dāng)值為center時(shí)可實(shí)現(xiàn)水平居中。

	
		
		
			div {
				width: 300px;
			    height: 200px;
			    background: palegoldenrod;
				text-align: center
			}
		
	

	
		
css 水平居中了--文本文字
	

效果圖：

2、文字垂直居中

line-height 使單行文字垂直居中

	
		
		
		
	
	
		css 垂直居中了--文本文字