首頁 » CSS» 常用範例 » [CSS]word-wrap: 讓英文字元自動斷行


[CSS]word-wrap: 讓英文字元自動斷行

分類:CSS» 常用範例 | 發表日:2008-11-23 | 瀏覽:3,866人次
    加入書籤:
  • HemiDemi
  • MyShare
  • Google Bookmarks
  • Yahoo! My Web
  • furl
  • udn
  是否有遇到英文不齊行的問題,由於英文字為半行字元,因此常會出現二種情形,一種則是畫面被撐開,另一種情形則是英文無法左右齊行,雖然html裡面有左右齊行的語法,但是一旦使用了左右齊行,則會發現英文字的間距被強制拉開的現象,但解決方法卻是如此的簡單,只要入將下列的語法加入,就可完成英文左右齊行的夢想。
解決方法:
word-wrap: break-word;
word-break: break-all;

※將上列語法加入容器中,如divtdbody…等。


[範例下載]

訂閱RSS
Related Posts with Thumbnails


回應本篇

-歡迎光臨-變更身分 »
*必填
*必填(不公開)


※PS: 因為梅干時間有限,且教學網中所介紹的類型繁多(所會遇到的狀況也很多),可能無法一一回答各位的問
 題,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

Pingback

6 梅-CSS屬性word-wrap的應用,英文字元自動斷行﹗ | Don’s cot 說: [WebSite]

[...] 2,word-wrap: 讓英文字元自動斷行:http://www.minwt.com/?p=93 [...]


2008 年 11 月 23 日 | 17:59:12

5 梅-Ava 說:

這個方法IE可以
火狐上好像沒有動靜耶~~~

回應:
恩~是滴~該方法只適用於IE,若是Firefox要透過js來完成

2008 年 12 月 26 日 | 16:40:02

4 梅-chyuanyiin 說: [WebSite]

前輩您好: 請教一下這有範例可下載嗎?還是不會阿 不好意思

還有請教一下,中文自內容可以做同樣功能嗎?

就是固定儲存格大小然後當字數寬度超過儲存格大小時自動折行.

這問題好像無解,不知前輩能否指點謝謝您!!

回應:
這方法主要是針對英文字元,
中文字若有設寬度會自動換行
連結已經修好了~~可以下載了~

2009 年 01 月 22 日 | 03:44:08

3 梅-chyuanyiin 說:

首先謝謝前輩如此快速正確的回應學生的疑惑.
但是在Dreamwaver排版中如果在表格上再加上產品圖片後會產生排版推擠問題想請前輩指點一番謝謝!!!
下面連結為問題圖面連結煩請前輩參考指點
ps::因為這裡無法直接貼圖不好意思只好用自己的部落格
http://tw.myblog.yahoo.com/pctop-chyuanyiin/article?mid=607&prev=-1&next=605

回應:
關於在DW內的會破圖的問題,
可能要找一下設定,剛有稍為找尋過,
還沒找到,若有找到再回應給你,
另外假設你有多欄位時,
建議你可以使用
  • 來排會比較方便~~
    通常個人習慣直接在程式碼模式下進行編排比較多~~
    因為有時你在設計模式作編排有時碼的部分都會多一些東西,
    另外就是別一直叫我前輩啦!(將子好像我很老一樣)
    我跟你們一樣也是一直在學東西~

2009 年 01 月 24 日 | 00:29:38

2 梅-chyuanyiin 說:

前輩補充一下資料麻煩點連結解惑 謝謝!!!
http://tw.myblog.yahoo.com/pctop-chyuanyiin/article?mid=609&prev=-1&next=607

回應:
關於這部分,要找一下DW中的設定,
那是由於半型字把它撐開了~
大部分都以IE看到的為主~~
否則有另一種作法,
就是在Div設定當溢位時就隱藏起來,
將子可解決此問題

2009 年 01 月 24 日 | 00:53:45

1 梅-chyuanyiin 說:

請教前輩:那如果要把表格中插入圖片,可以把表格寬度定死然後圖片插入後自動符合表格[儲存格]寬度嗎?
就是不用再做小圖或是可以自動建立小圖的語法

以上謝謝您!!!

回應:
這部分若你要依照表格大小去改變圖片大小的話,
需要透過javascript才作控制,
但這會有一個問題,
就是圖片會產生鋸齒化,
http://www.minwt.com/index.php/myapp/637
你可以參照上一篇,
利用flash來作縮放會比較好一點,
可以讓圖片有平滑處理的效果

2009 年 01 月 24 日 | 13:57:31