網(wǎng)站設計對齊選項

2022-04-26    分類: 網(wǎng)站設計

文本塊可以以很多不同的方式放置于邊空中。左對齊、居中、右對齊以及兩端對齊都是Web中可用的文本對齊選項。

1.兩端對齊文本
兩端對齊文本是同時與左右邊空對齊。兩端對齊的文本塊呈矩形外觀,通常標題都居中以便讓文檔看起來對稱、正式。在打印時,可以通過調整字間距以及在單詞中使用連字符來設置對齊。頁面布局程序首先使用連字符字典來檢查每行結尾的連字符以及在每行結尾應用連字符,然后再調整整行的字間距。但是即使使用高級的頁面布局軟件,兩端對齊文本塊的字間距通常也不十分的理想,還會時常出現(xiàn)連字符過多的情況,并且需要手動調整。
實際上,對于網(wǎng)頁而言,這種控制并非是一個遙不可及的目標?,F(xiàn)代瀏覽器支持兩端對齊文本,但是該效果通過對字間距的粗略調整獲得。低分辨率的計算機顯示器不太可能進行精細的調整,而且當今的Web瀏覽器的調整精度也參差不齊。同樣,Web瀏覽器不大可能很快就能隨時提供自動斷字處理,這是對文本進行適當?shù)膬啥藢R操作的另一個“必要”條件??梢灶A期的是,如果將文本設置為兩端對齊的話,將會降低Web文檔的易讀性。
2.居中和右對齊文本塊
居中和右對齊文本塊不方便閱讀。我們采用從左至右的閱讀方式閱讀,并且會把對頁面的跟蹤固定在左邊空的垂直線上。居中或者右對齊的文本會導致左側的邊空參差不齊,瀏覽起來更加困難,因為人眼需要重新搜索每行的起點,如圖8-6所示。
3.左對齊文本
左對齊文本是網(wǎng)頁最適合閱讀的選擇,這是因為它的左邊空均勻且有規(guī)則,右邊空不規(guī)則。與兩端對齊文本不同的是,左對齊不要求調整字間距:所有間距的差異全部體現(xiàn)在行尾。最終的不規(guī)則右邊空會為頁面增添變化及樂趣,絲毫不會影響易讀性。
4.標題對齊
網(wǎng)站設計位于左對齊正文之上的標題也應該左對齊。居中標題與兩端對齊的文本登對,但是網(wǎng)頁上不常使用兩端對齊文本。居中顯示字體與左對齊的不規(guī)則右邊空形成了鮮明的對比,產(chǎn)生了失衡的頁面效果。在網(wǎng)頁變得更精致之前,我們推薦你使用左對齊文本塊和左對齊標題,因為這是大多數(shù)布局的好解決方案。

文章題目:網(wǎng)站設計對齊選項
轉載來源:http://www.muchs.cn/news34/146584.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站設計

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化