二、word-break
最常用的控制換行屬性,常與下面的word-wrap結合使用。
語(yǔ)法:
word-break : normal break-all keep-all
取值:
normal: 默認值。允許在詞間換行
break-all:該行為與亞洲語(yǔ)言的 normal 相同。也允許非亞洲語(yǔ)言文本行的任意字內斷開(kāi)。該值適合包含一些非亞洲文本的亞洲文本
keep-all:與所有非亞洲語(yǔ)言的 normal 相同。對于中文,韓文,日文,不允許字斷開(kāi)。適合包含少量亞洲文本的非亞洲文本
說(shuō)明:
設置或檢索對象內文本的字內換行行為。尤其在出現多種語(yǔ)言時(shí)。
對于中文,應該使用 break-all 。
三、word-wrap
如果你設計的網(wǎng)頁(yè)不是自適應寬度的話(huà),需要將它設置為break-word,否則可能出現版快錯開(kāi)的情況。
語(yǔ)法:
word-wrap : normal break-word
取值:
normal:默認值。允許內容頂開(kāi)指定的容器邊界
break-word:內容將在邊界內換行。如果需要,詞內換行( word-break )也將發(fā)生
說(shuō)明:
設置或檢索當當前行超過(guò)指定容器的邊界時(shí)是否斷開(kāi)轉行。
此屬性?xún)H作用于有布局的對象,如塊對象。內聯(lián)要素要使用該屬性,必須先設定對象的 height 或 width 屬性,或者設定 position 屬性為 absolute ,或者設定 display 屬性為 block 。
四、overflow,overflow-x,overflow-y
這個(gè)不是嚴格意思上的控制換行樣式,但在某些時(shí)候將它設置為hidden可以補充word-wrap的不足,比方你想在限制寬度里僅顯示一行文字,而這行文
字的長(cháng)度卻超過(guò)這個(gè)寬度,結合white-space+text-overflow可以達到更好的效果。
語(yǔ)法:
overflow : visible auto hidden scroll
取值:
visible: 默認值。不剪切內容也不添加滾動(dòng)條。假如顯式聲明此默認值,對象將以包含對象的 window 或 frame 的尺寸裁切。并且 clip 屬性設置將失效
auto:在必需時(shí)對象內容才會(huì )被裁切或顯示滾動(dòng)條
hidden:不顯示超過(guò)對象尺寸的內容
scroll:總是顯示滾動(dòng)條
說(shuō)明:
檢索或設置當對象的內容超過(guò)其指定高度及寬度時(shí)如何管理內容。
所有對象的默認值是 visible ,除了 textarea 對象和 body 對象的默認值是 auto 。設置 textarea 對象此屬性值為
hidden 將隱藏其滾動(dòng)條。
對于 table 來(lái)說(shuō),假如 table-layout 屬性設置為 fixed ,則 td 對象支持帶有默認值為 hidden 的 overflow 屬性。如果設為 scroll 或者 auto ,那么超出 td 尺寸的內容將被剪切。如果設為 visible ,將導致額外的文本溢出到右邊或左邊(視 direction 屬性設置而定)的單元格。
自IE5開(kāi)始,此屬性在MAC平臺上可用。
自IE6開(kāi)始,當你使用 !DOCTYPE 聲明指定了 standards-compliant 模式,此屬性可以應用于 html 對象。
|
嘉興雷鳥(niǎo)是一家集企業(yè)軟件開(kāi)發(fā),WEB網(wǎng)站建設,移動(dòng)APP制作等綜合型的互聯(lián)網(wǎng)公司,為嘉興顧客提供一站式的企業(yè)軟件開(kāi)發(fā),安卓app開(kāi)發(fā),ios開(kāi)發(fā)服務(wù),同時(shí)為嘉興企業(yè)提供全面移動(dòng)互聯(lián)軟件技術(shù)解決方案,是嘉興知名的綜合型APP軟件外包開(kāi)發(fā)公司。根據前期調研方案和客戶(hù)實(shí)際需求,以專(zhuān)業(yè)獨到的設計理念、精益求精的技術(shù)精神、嚴格完善的品控系統,為嘉興每一位客戶(hù)提供專(zhuān)屬的移動(dòng)互聯(lián)軟件技術(shù)解決方案。經(jīng)過(guò)不斷積累,嘉興雷鳥(niǎo)陸續推出視頻直播APP、電商商城APP、P2P網(wǎng)貸APP、智能硬件APP開(kāi)發(fā)、移動(dòng)APP開(kāi)發(fā)、微信公眾平臺開(kāi)發(fā)、一元購APP、智慧社區服務(wù)APP、生活服務(wù)O2O系統APP等各類(lèi)APP產(chǎn)品,為嘉興各行企業(yè)向移動(dòng)互聯(lián)網(wǎng)轉型奠定了堅實(shí)基礎。在激烈的市場(chǎng)競爭中,嘉興雷鳥(niǎo)創(chuàng )造了嘉興軟件定制開(kāi)發(fā)行業(yè)的卓越口碑,是具有更高品質(zhì)的移動(dòng)互聯(lián)網(wǎng)軟件技術(shù)定制服務(wù)商。