下劃線 一般在文檔中常被用作增強(qiáng)注意,在過(guò)去打字機(jī)時(shí)代,下劃線成為了唯一的一種文字強(qiáng)調(diào)方式,具體的操作方法是在已經(jīng)打出來(lái)的文字上面退格,再在同樣的地方打出下劃線。
而在網(wǎng)頁(yè)中,可以鏈接的文字(超鏈接)下面一般都有下劃線。在制作頁(yè)面的時(shí)候,當(dāng)鏈接需要下劃線的時(shí)候,UI開(kāi)發(fā)很自然的會(huì)想到使用text-decoration屬性來(lái)顯示,例如這樣:
以上顯示的是設(shè)計(jì)稿和瀏覽器渲染的實(shí)際效果,我們會(huì)發(fā)現(xiàn)瀏覽器渲染的效果和設(shè)計(jì)稿有出入,主要表現(xiàn)在下劃線的位置,這時(shí)候細(xì)心的設(shè)計(jì)師會(huì)要求你想辦法實(shí)現(xiàn)他們本來(lái)想要實(shí)現(xiàn)的效果。可惜的是,在這幾年的網(wǎng)頁(yè)排版技術(shù)發(fā)展中,并沒(méi)有更好的css屬性出現(xiàn)來(lái)支持下劃線的個(gè)性化設(shè)置,所以這個(gè)問(wèn)題常常會(huì)被忽略。
這個(gè)一般在UI開(kāi)發(fā)看來(lái),可能覺(jué)得并沒(méi)有什么問(wèn)題,難道說(shuō)不應(yīng)該使用text-decoration這個(gè)屬性嗎?