熱文推薦
- 網(wǎng)站為什么可以讓隨隨便便的一個(gè)帖…
- 公司網(wǎng)站設(shè)計(jì)
- 如何防止網(wǎng)站內(nèi)容更新后被轉(zhuǎn)載
- 網(wǎng)站建設(shè)的重要性
- Web開(kāi)發(fā)公司:注意標(biāo)題和頁(yè)面設(shè)計(jì)…
- 網(wǎng)頁(yè)設(shè)計(jì)怎樣才能提升用戶(hù)體驗(yàn)度?…
- 怎樣的網(wǎng)站制作公司最受人歡迎?
- 如何設(shè)計(jì)一個(gè)有價(jià)值的教育網(wǎng)站建設(shè)…
- 造成網(wǎng)站流量少權(quán)重低的原因是什么…
- 如何從網(wǎng)站數(shù)據(jù)提升網(wǎng)站優(yōu)化質(zhì)量
您的網(wǎng)站**佳文本對(duì)齊方式
您的網(wǎng)站**佳文本對(duì)齊方式是哪種字體對(duì)齊方式
在討論哪種文本對(duì)齊方式**適合您網(wǎng)站之前,讓我們先討論一下選項(xiàng)hellip;左對(duì)齊文本
當(dāng)文本左對(duì)齊時(shí),它們的左邊是鈍的,右邊是不均勻的。
例子
右對(duì)齊文本當(dāng)文本右對(duì)齊時(shí),它們?cè)谟覀?cè)虛線(xiàn),在左側(cè)參差不齊。
居中對(duì)齊的文本當(dāng)文本行的中心對(duì)齊時(shí),它們?cè)趦蓚?cè)都會(huì)斷開(kāi)。
對(duì)齊文本當(dāng)文本有意義時(shí),它們會(huì)向左和向右虛線(xiàn)。
此文本對(duì)齊方式**適合您網(wǎng)站
平面媒體已經(jīng)超過(guò)數(shù)字媒體,所以我們可以期待今天數(shù)字問(wèn)題的答案,傳統(tǒng)平面設(shè)計(jì)。至少作為一個(gè)起點(diǎn)。您可能已經(jīng)注意到:
A4大小的文件和雜志文章通常是左對(duì)齊的。報(bào)紙專(zhuān)欄和書(shū)籍大多使用對(duì)齊的文本。海報(bào)的文字往往很集中。右對(duì)齊的文本通常保留給一列數(shù)字。
你不經(jīng)常在網(wǎng)站上看到居中或右對(duì)齊的文本,這可能是因?yàn)槿藗兲焐椭谰又谢蛴覍?duì)齊的文本不容易閱讀。這是一個(gè)簡(jiǎn)短的句子除了標(biāo)題。在某些情況下,中心文本看起來(lái)很棒,就像產(chǎn)品的標(biāo)志,但是中心文本看起來(lái)不像一個(gè)長(zhǎng)段落。類(lèi)似地,右對(duì)齊的文本也有自己的特性,例如定價(jià)和行動(dòng)要求按鈕,它們通??雌饋?lái)**好右對(duì)齊。
主要的爭(zhēng)論是在提倡對(duì)齊而不是左對(duì)齊的文本之間,反之亦然。
左對(duì)齊陣營(yíng)指出,這是不容易閱讀對(duì)齊文本。因?yàn)槊恳恍械拈L(zhǎng)度都是一樣的,這是一個(gè)讓你迷失自我的地方,也很容易閱讀。相比之下,參差不齊的右對(duì)齊和左對(duì)齊文本更容易區(qū)分,只是為了讀他們想讀的行。
理性的陣營(yíng)指出,如果報(bào)紙和書(shū)籍使用對(duì)齊的文本,也沒(méi)那么糟糕。有網(wǎng)站和印刷媒體,如書(shū)籍和報(bào)紙,盡管有兩個(gè)主要區(qū)別:
1.報(bào)紙專(zhuān)欄的寬度不從頁(yè)面左側(cè)的段落文字開(kāi)始,而是向右延伸。它們有多個(gè)窄條窄列,幾乎完全消除了文章中的落后位置。眼睛很容易跟蹤這條線(xiàn),因?yàn)閷?shí)際的眼球運(yùn)動(dòng)是**小的。書(shū)籍通常沒(méi)有多列,但紙張大小自然會(huì)限制行的寬度。
如果不將對(duì)齊的文本拆分為頁(yè)面中較窄的區(qū)域,那么閱讀左對(duì)齊的文本就不那么容易了。這是一個(gè)事實(shí)W3C(萬(wàn)維網(wǎng)聯(lián)盟),尤其是對(duì)于那些有認(rèn)知障礙的人。
2.(即使將對(duì)齊的文本拆分為列或頁(yè)面中較窄的區(qū)域,也會(huì)遇到完全不同的可讀性問(wèn)題。單詞之間的字母間距(也叫名字間距)變得難看。這是一個(gè)對(duì)齊文本的示例,您可以清楚地看到問(wèn)題:
你可以證明文本表面的整潔是由不同寬度的單詞之間的間距偏移引起的。報(bào)紙可以繞過(guò)這個(gè)問(wèn)題,因?yàn)樗麄冇幸粋€(gè)美麗的東西叫做連字符。因?yàn)閳?bào)紙有斷字的能力,字距變得更加均勻。不幸的是,不是所有的瀏覽器在這個(gè)時(shí)候。
這是一張漂亮的圖片,顯示了瀏覽器不支持的字符。如果您看到下面示例中的字符,則使用的瀏覽器支持這些字符。如果仍然看到難看的間距,可以使用舊瀏覽器或Opera Mini的任何版本。
概述
合格的圖形設(shè)計(jì)教師能夠利用他們的培訓(xùn)和天生的設(shè)計(jì)才能來(lái)決定如何**好地顯示字體元素,但對(duì)于臨時(shí)網(wǎng)站建設(shè)者,這里有一個(gè)有用的指南:
避免右對(duì)齊的文本段落。右對(duì)齊的文本在列中是適當(dāng)?shù)臄?shù)字,在列中是潛在的;行動(dòng)號(hào)召;按鈕。使用文本中心控件,而不是文本段落。大多數(shù)標(biāo)題應(yīng)該左對(duì)齊,但在某些情況下,標(biāo)題和短句看起來(lái)不錯(cuò)。如果要使用對(duì)齊的文本以使文本行不太寬,可以使用連字符(CSS這是:lt;igt;p{連字符:汽車(chē)lt/igt;})請(qǐng)記住支持跨瀏覽器應(yīng)用程序的缺點(diǎn)。**大的叛徒是舊的瀏覽器(尤其是舊的Android瀏覽器),在編寫(xiě)Opera Mini的任何版本時(shí)。如有疑問(wèn),請(qǐng)使用左對(duì)齊文本
http://m.ezekroy.com/jianzhanzhishi/810.html 您的網(wǎng)站**佳文本對(duì)齊方式