網(wǎng)頁(yè)設(shè)計(jì):文本對(duì)齊
發(fā)布時(shí)間:2019-04-19來(lái)源:admin
在網(wǎng)頁(yè)制作的時(shí)候,我們經(jīng)常將文本以各種各樣的方式放置在我們的網(wǎng)頁(yè)中。但是大部分我們都是使用的左對(duì)齊,而標(biāo)題和菜單部分我們?yōu)榱嗣烙^一般都使用的是居中對(duì)齊的方式,很少有使用右對(duì)齊,但是這種確實(shí)有,有時(shí)候?yàn)榱苏麄€(gè)文本的美觀程度還特地進(jìn)行兩端對(duì)齊,那么現(xiàn)在深圳網(wǎng)站建設(shè)公司就來(lái)給您著重介紹一下網(wǎng)頁(yè)設(shè)計(jì)中的文本對(duì)齊。<br />
1.兩端文本對(duì)齊<br />
實(shí)現(xiàn)網(wǎng)頁(yè)中兩端對(duì)齊的css是“text-align: justify”,我們可以通過(guò)這個(gè)屬性來(lái)實(shí)現(xiàn)文本的兩端對(duì)齊,通常使用在多行文本中。比如說(shuō)用在新聞欄目頁(yè)和公司簡(jiǎn)介頁(yè)面的多文字文本中。再不使用這個(gè)對(duì)齊方式的話,文本的右邊看上去就不是那么的整潔,而使用了這個(gè)對(duì)齊方式之后文本的兩端齊刷刷的下來(lái)給人的視覺(jué)感官是非常好的。但是這個(gè)對(duì)齊方式有一個(gè)明顯的缺陷,那就是單行文本并不能夠?qū)崿F(xiàn)兩端對(duì)齊。多行文本下的最后一行也是不能夠?qū)崿F(xiàn)兩端對(duì)齊的。<br />
2.居左對(duì)齊<br />
實(shí)現(xiàn)網(wǎng)頁(yè)中居左對(duì)齊的css是“text-align: left”,可以使用在單行文本或者多行文本中,而且居左對(duì)齊也是一個(gè)默認(rèn)的樣式,因此在沒(méi)有上級(jí)元素的影響下是不用刻意設(shè)置的。<br />
3.居右對(duì)齊<br />
實(shí)現(xiàn)網(wǎng)頁(yè)中居左對(duì)齊的css是“text-align: right”,居右對(duì)齊一般都是使用在單行文本中的,主要是讓網(wǎng)頁(yè)設(shè)計(jì)中右邊的版面看起來(lái)是整齊的,但是在實(shí)際的使用中還是很少的。<br />
4.居中對(duì)齊<br />
實(shí)現(xiàn)網(wǎng)頁(yè)中居左對(duì)齊的css是“text-align: center”,居中對(duì)齊在網(wǎng)頁(yè)設(shè)計(jì)中是經(jīng)常出現(xiàn)的,通常都用于按鈕中文字的居中,標(biāo)題的居中,還有我們聽(tīng)音樂(lè)的時(shí)候那種歌詞,也是通過(guò)這種方式居中的。合適的使用居中對(duì)齊再搭配上其他的文字效果具有很好的醒目效果。<br />
聯(lián)系方式: 0755-84185494