討論區快速選單
知識庫快速選單
傑米的攝影旅遊筆記 Excel也能做到大數據分析? 網路投保旅行平安險
[ 回上頁 ] [ 討論區發言規則 ]
英文單字斷行問題
更改我的閱讀文章字型大小
作者 : f09261103(嵐曦)
[ 貼文 6 | 人氣 0 | 評價 0 | 評價/貼文 0 | 送出評價 0 次 ] 
[ 給個讚 ]  [ 給個讚 ]  [ 回應本文 ]  [ 發表新文 ]  [ 回上頁 ] [ 回討論區列表 ] [ 回知識入口 ]
2014/12/13 上午 08:59:03
製作英文版網頁時遇到個問題...
如果英文單字超出div範圍, 為了讓單字整體呈現, 整個詞會自動跳到下一行
但這樣上一行尾部就會有一塊空白, 如圖
http://kingili.site90.net/images/001.jpg

後來找到CSS強制斷行的用法 word-break: break-all;
加入後變成下圖
http://kingili.site90.net/images/002.jpg

變整齊了, 但英文詞彙被拆開變得不知道在寫甚麼....例如different 被拆成
dif
ferent
想請問有沒有方法可以在斷行的單字中間加一個連字號"-", 讓單字變成
dif-
ferent

請各位前輩指點迷津, 感謝
作者 : turing(Alan)
[ 貼文 68 | 人氣 0 | 評價 300 | 評價/貼文 4.41 | 送出評價 1 次 ] 
[ 給個讚 ]  [ 給個讚 ]  [ 回應本文 ]  [ 發表新文 ]  [ 回上頁 ] [ 回討論區列表 ] [ 回知識入口 ]
2014/12/14 下午 03:57:58
這是CSS問題,在Javascript下提問,懂Javascrip的人不一定懂得回答:

試試考慮CSS中的

hyphens: none | manual | auto

參考:
https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens?redirectlocale=en-US&redirectslug=CSS%2Fhyphens#Languages_support_notes
 板主 : Clark
 > Java Script - 討論區
 - 最近熱門問答精華集
 - 全部歷史問答精華集
 - Java Script - 知識庫
  ■ 全站最新Post列表
  ■ 我的文章收藏
  ■ 我最愛的作者
  ■ 全站文章收藏排行榜
  ■ 全站最愛作者排行榜
  ■  月熱門主題
  ■  季熱門主題
  ■  熱門主題Top 20
  ■  本區Post排行榜
  ■  本區評價排行榜
  ■  全站專家名人榜
  ■  全站Post排行榜
  ■  全站評價排行榜
  ■  全站人氣排行榜
 請輸入關鍵字 
  開始搜尋
 
Top 10
評價排行
Java Script
1 Snaking 1420 
2 jer 1140 
3 foolface 1080 
4 Clark 970 
5 Milx 960 
6 羅蘋 780 
7 艾里克斯 710 
8 abgne 600 
9 Fillano 500 
10 YnioBa 480 
Java Script
  專家等級 評價  
  一代宗師 10000  
  曠世奇才 5000  
  頂尖高手 3000  
  卓越專家 1500  
  優秀好手 750  
Microsoft Internet Explorer 6.0. Screen 1024x768 pixel. High Color (16 bit).
2000-2018 程式設計俱樂部 http://www.programmer-club.com.tw/
0.046875