創(chuàng)新互聯(lián)建站導(dǎo)讀:除了css兩端對齊,本文還介紹了主要的css中文本的對齊有哪些??梢钥吹剑R姷奈谋緦R方式是靠左、居中以及靠右,相對來說css兩端對齊用得還是比較少的,只在某些特殊情況下使用??傊@些css代碼很簡單,大家應(yīng)該能夠很快學(xué)會。
成都創(chuàng)新互聯(lián)專注于仲巴網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供仲巴營銷型網(wǎng)站建設(shè),仲巴網(wǎng)站制作、仲巴網(wǎng)頁設(shè)計、仲巴網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)服務(wù),打造仲巴網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供仲巴網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
在設(shè)計頁面的時候會涉及到文本對齊的問題,默認情況下是靠左對齊的,但有些時候也乤靠右對齊。本文給大家介紹下css兩端對齊,看看css兩端對齊怎么設(shè)置,以及css中文本的對齊有哪些。
我們先來看下css兩端對齊的效果圖:
上面的代碼是:
css兩端對齊
為了讓效果更加明顯,我們給div加了寬度和底色等,其中css兩端對齊的代碼是 text-align-last:justify 。大家如果想像文本兩段對齊的話,在css里面加入這個屬性代碼就可以了,當然也可以結(jié)合具體情況設(shè)置其他的css樣式,讓整個效果更加好看。
語法:text-align : left | right | center
說明:設(shè)定元素內(nèi)文本的水平對齊方式。
參數(shù):left : 左對齊;right : 右對齊;center : 居中;justify : 兩端對齊
前面說到默認情況下,文本是左對齊,那么如果要讓文本靠右對齊,代碼是:
css靠右對齊
以下是效果圖:
如果讓文本居中對齊,代碼是:
css居中對齊
以下是效果圖:
關(guān)于css兩端對齊的問題,本文就介紹到這里。除了css兩端對齊,本文還介紹了主要的css中文本的對齊有哪些??梢钥吹?,常見的文本對齊方式是靠左、居中以及靠右,相對來說css兩端對齊用得還是比較少的,只在某些特殊情況下使用??傊@些css代碼很簡單,大家應(yīng)該能夠很快學(xué)會。
相關(guān)知識點
CSS:層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標準通用標記語言的一個應(yīng)用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。