现在的位置: 首页 > 综合 > 正文

word-break語法

2018年05月15日 ⁄ 综合 ⁄ 共 538字 ⁄ 字号 评论关闭

製作網頁時,有時想要讓文字自動斷行,但是偏偏文字不聽話(例如:aaaaa….連續的英文字串或是很長的單字),此時網頁設計師們該怎麼辦呢?

文字不聽話時,偉大的網頁設計師們可以這樣…
使用 style.wordBreak 語法(支援IE家族5.5版以上),
有三個參數可以指定:
normal(依網頁預設)
break-all(打散單字型態,每一個字母均為一個字元)
keep-all(保持單字型態)

小小示範說明:

表格寬400px 使用 style.word-break:normal
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

 

表格寬400px 使用 style.word-break:break-all
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

 

表格寬400px 使用 style.word-break:keep-all
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

抱歉!评论已关闭.