> 傑森 > 部落格 Blog 網誌 > 亂搞CSS
傑森在這裡!

帳號: jason

暱稱: 傑森

留言
Google

壽星報報

本日壽星

無

一週內壽星

布魯斯 09 / 04

廣告看板

2005/08/09 css世界裡的英文字衝突
這個是有處理英文字斷行的Table,寬度150
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
這個是沒有處理英文字斷行的Table,寬度150, 但實際寬度已經超過了
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

看得出差別在哪嗎? 沒錯, 英文字不管多少字對於瀏覽器來說, 是會當成一個字, 除非你按[Enter] 讓他斷行!!!

 為何麻蛙要對英文字處理?

麻蛙幾乎很少用HTML的Table, 而使用CSS來代替龐雜的HTML CODE, 以下舉例:

某個首頁有三排區塊(左、中、右), 左邊的區塊裡面有一個區塊叫做, 個人意見, 今天有訪客去留言, 貼上了一段很長的網址(網址是英文字), 長度超 過了區塊的寬度, 所以區快就會OVERFLOW了, 那某甲的首頁, 區塊排 列就會亂掉, 中間、右邊整排的區塊會往下移動到左邊區塊的最下方, 因為英文字瀏覽器不會幫你斷行產生 !!

那就沒有解決辦法了嗎?

可以的, 如果你想要讓他不要亂斷行, 其實也是可以的, 但是版面會亂掉喔, 你可以試試看!! [控制台] -> [基本資料] -> [網站介紹]裡面貼上下面那段語法:

<style>body {word-break:normal}</style>

10:28 [ 亂搞CSS / 累積人氣 (1643) / 文章引用 (0) / 意見 (1) ] [ 全文 ]