2017年5月5日 星期五

布景強制縮字

也是相當重要的細節設定,避免辛苦製作好的布景被破壞掉。(例如首頁的縮圖)

怎麼來修改其設定?先參考下圖所示


請先找到要修正的標籤,然後針對這部分輸入下面語法



[html]
table-layout: fixed;/* 如果想要一个table固定大小,里面的文字强制换行 */
word-wrap: break-word;/*兼容 IE 和 FF 的換行 CSS 推薦樣式 ,word-wrap是控制換行的,break-word是控制是否斷詞的*/
width: 730px;/*寬度值*/
overflow: hidden; /*隱藏溢出範圍的內容*/
[/html]

修改後,回到頁面看看版面是否已經修正過來?下圖是我完成好的修改


下面是從老師教材網的書籍,轉記錄過來︿︿

強制縮字
  1. 由於網頁換行是根據空白來換行,因此,若輸入連續字母,將因為沒有空白而導致無法換行,因而撐破版面,此時可用下法來解決:
  2. div. className {
    table-layout: fixed;
    word-wrap: break-word;
    width: 540px;
    overflow: hidden;
    }
  3. 其中div. className 裡的540px代表您的評論內容最大寬度,裡面的文字若超過此大小會被強迫換行。

沒有留言:

張貼留言