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

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比中衛(wèi)網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式中衛(wèi)網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋中衛(wèi)地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

文字居中的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 垂直居中了--文本文字