以前頁面設計后沒有考慮頁面由于文字過多,而導致頁面錯位。天上一句代碼往往就好了,只是在開始設計的時候往往沒有考慮的,我想新手也容易忘記把。 文字換行或不換行其實是代碼很簡單,不啰嗦了,上代碼: 強制不換行 div{
div{
div{ ============================================ CSS設置不轉行: overflow:hidden 隱藏
============================================ 看了以上的介紹,趕快試一下,看看效果吧! 英文不換行 CSS里加上 word-break: break-all; 問題解決。這個問題只有IE才有,在FF下測試,FF可以自己加滾動條,這樣也不影響效果 建議大家做Skin時,記得在body里加 word-break: break-all; 這樣可以解決IE的框架被英文撐開的問題 以下引用word-break的說明, 注意word-break 是IE5+專有屬性 語法: word-break : normal | break-all | keep-all 參數: normal : 依照亞洲語言和非亞洲語言的文本規(guī)則,允許在字內換行 說明: 設置或檢索對象內文本的字內換行行為。尤其在出現多種語言時。 示例: div {word-break : break-all; } 內容來源 CSS教程 www.csschina.net |