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