怎麼來修改其設定?先參考下圖所示
請先找到要修正的標籤,然後針對這部分輸入下面語法
[html]
table-layout: fixed;/* 如果想要一个table固定大小,里面的文字强制换行 */
word-wrap: break-word;/*兼容 IE 和 FF 的換行 CSS 推薦樣式 ,word-wrap是控制換行的,break-word是控制是否斷詞的*/
width: 730px;/*寬度值*/
overflow: hidden; /*隱藏溢出範圍的內容*/
[/html]
修改後,回到頁面看看版面是否已經修正過來?下圖是我完成好的修改
下面是從老師教材網的書籍,轉記錄過來︿︿
強制縮字
- 由於網頁換行是根據空白來換行,因此,若輸入連續字母,將因為沒有空白而導致無法換行,因而撐破版面,此時可用下法來解決:
- div. className {
table-layout: fixed;
word-wrap: break-word;
width: 540px;
overflow: hidden;
} - 其中div. className 裡的540px代表您的評論內容最大寬度,裡面的文字若超過此大小會被強迫換行。
沒有留言:
張貼留言