pCloud Partner Program

略縮語(ellipsis)的html特殊字元與直排走文

程式技術 2016/09/26 06:03
views: 50201 times
略縮語, 也就是... (這裡用三個點來表示, 但在 html 裡, 有特殊字元可用, 分別是水平用的 … 與垂直的 ⋮ 兩個特殊字元 (參考完整版本: https://dev.w3.org/html5/html-author/charref)

另外直排走文的部分可以使用 writing-mode 這個屬性來指定, 如 vertical-rlvertical-lr, 一般中文若為直式走文, 應為從右至左, 所以是 vertical-rl.

不過有趣的是, 在原本的水平走文時, 使用 … 與 ⋮ 都可以正常顯示方向, 但在垂直走文時, 這兩個略縮語, 反而會造成相反的方向, 這點在使用上要特別注意, 或是反過來說, 只需要使用 … 即可, 走文方向控制會處理好這個略縮語的走向.

參考這個在 jsfiddler 的範例:
https://jsfiddle.net/timhuang/jxhhyxkz/2/

用戶插入圖片



另外也請參考略縮語的 css 自動截字的語法: 網頁排版文字排不下的略語語法 http://diary.tw/tim/1041

writing-mode語法參考: http://ithelp.ithome.com.tw/articles/10139081

top

Trackback Address :: http://diary.tw/tim/trackback/1163

  1. Tracked from Everyday Carry Flashlight 2017/03/23 08:35 DELETE

    Subject: Everyday Carry Flashlight

    Find the brightest 200 lumens flashlight that is now in stock plus at great cost today!
  2. Tracked from steel warehouse construction 2017/03/23 21:04 DELETE

    Subject: steel warehouse construction

    Find top quality metal church buildings that are in stock plus reasonably priced today!
  3. Tracked from cree tactical led flashlight 2017/03/23 22:31 DELETE

    Subject: cree tactical led flashlight

    See the brightest ledflashlight that's in stock plus at great cost today!
  4. Tracked from clock building kit 2017/03/24 12:48 DELETE

    Subject: clock building kit

    Find the top Clock kit parts now now in stock plus reasonably priced today!
  5. Tracked from clock mechanism kit 2017/03/24 23:58 DELETE

    Subject: clock mechanism kit

    See the top replacement parts for battery operated clocks currently now in stock plus currently on sale now!

Write a comment


PREV : [1] : ... [7] : [8] : [9] : [10] : [11] : [12] : [13] : [14] : [15] : ... [461] : NEXT



Nextbit Robin 5.2吋六核心智慧型手機 Microsoft Office 365 中文家用版PKC (無光碟)
ASUS華碩 AC1900 雙頻無線路由器 RT-AC68U 美國 VORNADO 533 渦流空氣循環機 (黑色)
御茶園 每朝健康綠茶(650mlx24入) 每朝健康 雙纖綠茶(650mlx24入)


 Waiting...