這篇文章主要介紹了css如何設(shè)置文本內(nèi)容居中，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

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

css設(shè)置文本內(nèi)容居中的方法是，給文本元素添加text-align屬性，并且將屬性值設(shè)置為center即可，例如【h2 {text-align: center}】，表示把標(biāo)題的水平對(duì)齊方式設(shè)置為居中。

本文操作環(huán)境：windows10系統(tǒng)、css 3、thinkpad t480電腦。

text-align 屬性規(guī)定元素中的文本的水平對(duì)齊方式。

常用屬性值：

• left    把文本排列到左邊。默認(rèn)值：由瀏覽器決定。

• right    把文本排列到右邊。

• center    把文本排列到中間。

• justify    實(shí)現(xiàn)兩端對(duì)齊文本效果。

• inherit    規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值。

舉個(gè)小例子：

h2 {text-align: center}
h3 {text-align: left}
h4 {text-align: right}




這是標(biāo)題 1
這是標(biāo)題 2
這是標(biāo)題 3

來看下效果：

什么是css

css是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言，主要是用來設(shè)計(jì)網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁或者單獨(dú)的樣式單文件中，而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對(duì)于網(wǎng)頁進(jìn)行格式化。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css如何設(shè)置文本內(nèi)容居中”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!