国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
頁面文字不換行、自動換行、強制換行的CSS實現_CSS教程,DIV CSS視頻教程,DIV...

頁面文字不換行、自動換行、強制換行的CSS實現

時間:2010-01-14 22:10來源:CSS中國 作者:秩名 點擊:
以前頁面設計后沒有考慮頁面由于文字過多,而導致頁面錯位。天上一句代碼往往就好了,只是在開始設計的時候往往沒有考慮的,我想新手也容易忘記把。 文字換行或不換行其實是代

以前頁面設計后沒有考慮頁面由于文字過多,而導致頁面錯位。天上一句代碼往往就好了,只是在開始設計的時候往往沒有考慮的,我想新手也容易忘記把。 文字換行或不換行其實是代碼很簡單,不啰嗦了,上代碼:

強制不換行

div{
white-space:nowrap;
}


自動換行

div{
word-wrap: break-word;
word-break: normal;
}


強制英文單詞斷行

div{
word-break:break-all;
}

============================================

CSS設置不轉行:

overflow:hidden 隱藏
white-space:normal 默認
pre 換行和其他空白字符都將受到保護
nowrap 強制在同一行內顯示所有文本,直到文本結束或者遭遇 br 對象


設置強行換行
word-break:
normal ; 依照亞洲語言和非亞洲語言的文本規(guī)則,允許在字內換行
break-all :  該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all :  與所有非亞洲語言的normal相同。對于中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本與之間的高度解決辦法

============================================

看了以上的介紹,趕快試一下,看看效果吧!

英文不換行

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ī)則,允許在字內換行
break-all :  該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all :  與所有非亞洲語言的normal相同。對于中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本

說明:

設置或檢索對象內文本的字內換行行為。尤其在出現多種語言時。
對于中文,應該使用break-all 。
對應的腳本特性為wordBreak。請參閱我編寫的其他書目。

示例:

div {word-break : break-all; }

內容來源 CSS教程   www.csschina.net

本站僅提供存儲服務,所有內容均由用戶發(fā)布,如發(fā)現有害或侵權內容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
CSS不換行與CSS換行
12.如何垂直居中對齊文本與文本輸入框—DIV+CSS教程—CSS
div加入滾動條及文字內容換行
建站教程>CMS建站>如何用css定義表格自動換行,避免變形
word-break : normal | break-all | keep-all
CSS網頁制作布局實例教程
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服