Re: 專為中文（漢字）網頁加入的CSS屬性——底線跳脫

在 2011/3/6 上午3:40 時， Kang-Hao (Kenny) Lu 寫到：

> == 解法�@覽 ==
> 1. 假如�@般的排版都是像 Ethan 說的用插入空白法，那似乎用 Ethan 的 u+u
> {margin-left: 0.01em} 就好了，不需要新標準。

u + u {margin-left: 0.01em} 有個嚴重的問題，如下：
<u>甲</u><u>乙</u>丙<u id="u3">丁</u>

#u3也會向右跑Xem，變成丙丁之間有空白了。所以我說，這只是暫時的解法。



> 2. 假如�@般的排版是 Ashung 說的那樣，那可能需要 cjk-letter-spacing ，不
> 過要定義這個屬性跟其他 spacing 屬性的關係會是大工程。

cjk-letter(?!)-spacing是個有趣的想法，但我覺得不適用這個地方（理由我前面有講到）。如果有實際應用的範例，再開個話題繼續吧。
（我覺得「cjk-"character"-spacing」比較好啦 :P）




> 3. 現在這樣全部的底線都縮短�@點。似乎是老貓的意見。
> 4. 照 Ethan 說的只有相鄰的的時候縮短。個人是認為這個做法的實�@有難度。

其實我的意思就和老貓的�@樣。只是最好把底線相鄰的情況寫出來，才有個原因。
故「3. === 4.」。



> 5. 我的 text-decoration-skip: decoration-boundary
> 
> 
> 有錯誤請直接指證！我還蠻不太清楚 Ethan 是傾向於 3 還是 4 的、、、不過我
> 同意 pingooo 講的，了解現在紙上排板是怎麼做的會對了解這個議題很有幫助。


也許還是加入這個值，但預設情況下text-decoration-skip就用decoration-boundary？如此�@來：

>> 可是也有可能有這種例子：
>> 
>> <u class="red">R</u><u class="organge">A</u><u class="yellow">I</u><u
>> class="green">N</u><u class="blue">B</u><u class="indigo">O</u><u
>> class="purple">W</u>


也有解法了。



> 不過別忘記網頁上的超連結的底線也是用 CSS 引擎
> 畫的，所以儘管是比如說 0.01 em 好了，我還是有點難想像�@界上的*所有*超連
> 結的底線都因為這個新建議縮短了 xdd 。


西文因為都有空白隔開，超連結也不大有「<a lang="en" href="a/">A</a><a lang="en" href="b/">B</a>」這種狀況，所以底線稍稍縮短其實看不出來。而漢字的：

<a href="a/">甲</a><a href="b/">乙</a>

也該隔開吧，不然怎麼區別甲、乙是連到不同頁面的連結呢？

（上方的例子我只考慮了拉丁語系和漢字，如果有任何問題請�@定要提出！）



> Ethan，其實我看不太懂你這段的意思，你幫我看看我最後的總結是不是你的意思。
> 
> 
> 
> 我想補充�@下，現在的草案已經因為這個議題，在文字修飾[4]那個部份加入了以
> 下敘述（編輯們選擇的解法）：
> 
> [[The UA should place the start and end of the line inwards from the
> content edge of the decorating element so that, e.g. two underlined
> elements side-by-side do not appear to have a single underline. (This is
> important in Chinese, where underlining is a form of punctuation.) ]]
> 
> （CSS引擎應該將文字修飾的線畫在被裝飾元素內容邊的裡面，舉例還說相連的底
> 線不會被當成是單�@底線（中文把底線當成�@種標點符號，所以這在中 文很重要））


是的，大致上是這樣。:)








Best Wishes,
Ethan

Mandarin: Chen Yijun
Hoklo: Tan I-kun
Cantonese: Can Jik-guan

http://ethantw.net/
http://twitter.com/ethantw/

Received on Saturday, 5 March 2011 20:35:44 UTC