這篇文章主要介紹了css如何設(shè)置文本內(nèi)容居中,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比仁布網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式仁布網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務覆蓋仁布地區(qū)。費用合理售后完善,10余年實體公司更值得信賴。
css設(shè)置文本內(nèi)容居中的方法是,給文本元素添加text-align屬性,并且將屬性值設(shè)置為center即可,例如【h2 {text-align: center}】,表示把標題的水平對齊方式設(shè)置為居中。
本文操作環(huán)境:windows10系統(tǒng)、css 3、thinkpad t480電腦。
text-align 屬性規(guī)定元素中的文本的水平對齊方式。
常用屬性值:
left 把文本排列到左邊。默認值:由瀏覽器決定。
right 把文本排列到右邊。
center 把文本排列到中間。
justify 實現(xiàn)兩端對齊文本效果。
inherit 規(guī)定應該從父元素繼承 text-align 屬性的值。
舉個小例子:
<html> <head> <style type="text/css"> h2 {text-align: center} h3 {text-align: left} h4 {text-align: right} </style> </head> <body> <h2>這是標題 1</h2> <h3>這是標題 2</h3> <h4>這是標題 3</h4> </body> </html>
來看下效果:
css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言,主要是用來設(shè)計網(wǎng)頁的樣式,使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中,而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定,從而實現(xiàn)級聯(lián)效果,發(fā)展至今,css不僅能裝飾網(wǎng)頁,也可以配合各種腳本對于網(wǎng)頁進行格式化。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“css如何設(shè)置文本內(nèi)容居中”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學習!
當前標題:css如何設(shè)置文本內(nèi)容居中
文章位置:http://chinadenli.net/article36/pddepg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、動態(tài)網(wǎng)站、營銷型網(wǎng)站建設(shè)、移動網(wǎng)站建設(shè)、定制開發(fā)、網(wǎng)站營銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)