小編給大家分享一下css使文字水平排列的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)建站,為您提供重慶網(wǎng)站建設(shè)公司、網(wǎng)站制作公司、網(wǎng)站營(yíng)銷(xiāo)推廣、網(wǎng)站開(kāi)發(fā)設(shè)計(jì),對(duì)服務(wù)成都活動(dòng)板房等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司成立于2013年,提供專(zhuān)業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈,認(rèn)真對(duì)待每位客戶,為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步,是我們永遠(yuǎn)的責(zé)任!
css讓文字水平排列的方法:首先創(chuàng)建一個(gè)HTML示例文件;然后在body中創(chuàng)建h2標(biāo)簽內(nèi)容;最后通過(guò)“text-align”屬性設(shè)置文字水平排列即可。
css中可以使用text-align:center樣式設(shè)置文字水平居中。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> h2 {text-align:center} h3 {text-align:left} h4 {text-align:right} </style> </head> <body> <h2>This is heading 1</h2> <h3>This is heading 2</h3> <h4>This is heading 3</h4> </body> </html>
效果如下:
text-align 屬性規(guī)定元素中的文本的水平對(duì)齊方式。
該屬性通過(guò)指定行框與哪個(gè)點(diǎn)對(duì)齊,從而設(shè)置塊級(jí)元素內(nèi)文本的水平對(duì)齊方式。通過(guò)允許用戶代理調(diào)整行內(nèi)容中字母和字之間的間隔,可以支持值 justify;不同用戶代理可能會(huì)得到不同的結(jié)果。
屬性值:
left 把文本排列到左邊。默認(rèn)值:由瀏覽器決定。
right 把文本排列到右邊。
center 把文本排列到中間。
justify 實(shí)現(xiàn)兩端對(duì)齊文本效果。
inherit 規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值。
以上是“css使文字水平排列的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
新聞名稱(chēng):css使文字水平排列的方法
當(dāng)前地址:http://bm7419.com/article10/ijpggo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、App設(shè)計(jì)、關(guān)鍵詞優(yōu)化、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、域名注冊(cè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)