項(xiàng)目經(jīng)理· 服務(wù)熱線:150-5696-8972 王工 售后熱線:182-5605-6183 張工
您所在的位置: 網(wǎng)站首頁 > 新聞動(dòng)態(tài) > 建站技巧
發(fā)表日期:2013-05-28 03:40:28
正常文字的換行(亞洲文字和非亞洲文字)元素?fù)碛心J(rèn)的white-space:normal,當(dāng)定義的寬度之后自動(dòng)換行:
|
html<div id="wrap">正常文字的換行(亞洲文字和非亞洲文字)元素?fù)碛心J(rèn)的white-space:normal,當(dāng)定義</div> css#wrap{white-space:normal; width:200px; } |
1.(IE瀏覽器)連續(xù)的英文字符和阿拉伯?dāng)?shù)字,使用word-wrap : break-word ;或者word-break:break-all;實(shí)現(xiàn)強(qiáng)制斷行
#wrap{word-break:break-all; width:200px;}
或者
#wrap{word-wrap:break-word; width:200px;}
<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
效果:可以實(shí)現(xiàn)換行
2.(Firefox瀏覽器)連續(xù)的英文字符和阿拉伯?dāng)?shù)字的斷行,Firefox的所有版本的沒有解決這個(gè)問題,我們只有讓超出邊界的字符隱藏或者,給容器添加滾動(dòng)條
#wrap{word-break:break-all; width:200px; overflow:auto;}
<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
效果:容器正常,內(nèi)容隱藏
對(duì)于table1. (IE瀏覽器)使用table-layout:fixed;強(qiáng)制table的寬度,多余內(nèi)容隱藏
| <table style="table-layout:fixed" width="200">
<tr><td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td></tr></table> |
效果:隱藏多余內(nèi)容
2.(IE瀏覽器)使用table-layout:fixed;強(qiáng)制table的寬度,內(nèi)層td,th采用word-break : break-all;或者word-wrap : break-word ;換行
| <table width="200" style="table-layout:fixed;">
<tr><td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz 1234567890</td><td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz 1234567890</td></tr></table> |
效果:可以換行
3. (IE瀏覽器)在td,th中嵌套div,p等采用上面提到的div,p的換行方法
4.(Firefox瀏覽器)使用table-layout:fixed;強(qiáng)制table的寬度,內(nèi)層td,th采用word-break : break-all;或者word-wrap : break-word ;換行,使用overflow:hidden;隱藏超出內(nèi)容,這里overflow:auto;無法起作用
| <table style="table-layout:fixed" width="200">
<tr><td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td><td width="75%" style="word-wrap : break-word; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td></tr></table> |
效果:隱藏多于內(nèi)容
5.(Firefox瀏覽器)在td,th中嵌套div,p等采用上面提到的對(duì)付Firefox的方法運(yùn)行代碼框。后,這種現(xiàn)象出現(xiàn)的幾率很小。
本技術(shù)由合肥網(wǎng)站建設(shè)公司提供,如有疑問請(qǐng)聯(lián)系官方QQ!
上一篇:我公司成功簽約湖南化工職業(yè)技術(shù)學(xué)院-保衛(wèi)處網(wǎng)站制作項(xiàng)目并順利完成下一篇:【成功簽約】安徽知升知識(shí)產(chǎn)權(quán)運(yùn)營有限公司網(wǎng)站建設(shè)項(xiàng)目驗(yàn)收通過
北京大學(xué),創(chuàng)立于1898年,初名京師大學(xué)堂,是中國中央政府設(shè)立的第一所大學(xué),為中國近代正式設(shè)大學(xué)之始,其成立標(biāo)志著中國近現(xiàn)代高等教育的開端,由此開創(chuàng)了中國的現(xiàn)代學(xué)制。
快房網(wǎng)是提供最全面最及時(shí)的杭州房地產(chǎn)、樓盤信息在線查詢,買房賣房和二手房租售咨詢服務(wù)的互動(dòng)式房地產(chǎn)門戶網(wǎng)站。查看買房、賣房、樓盤和房地產(chǎn)信息就上快房網(wǎng)
科騰世界(上海)文化傳播有限公司(以下簡(jiǎn)稱科騰)主要從事文化交流,整案策劃,營銷策劃,影視制作,媒體推廣,平面設(shè)計(jì)等一系列商業(yè)及政府活動(dòng)。
清華大學(xué)總裁班:匯集工商管理、資本運(yùn)作、私募股權(quán)等管理培訓(xùn)班課程的高端總裁班,歡迎咨詢報(bào)名!
三亞最愛婚紗攝影是最受歡迎的海南婚紗攝影公司,是三亞婚紗攝影行業(yè)中的領(lǐng)軍品牌.為您提供專業(yè)的三亞婚紗攝影,海南旅游外景婚紗照以及最滿意,最優(yōu)質(zhì)的服務(wù).三亞婚紗攝影哪家好—三亞最愛婚紗打造新的視覺神話.真誠歡迎您光臨三亞最愛婚紗旗艦店!
深圳ZO CA I珠寶是一家傳承珠寶文化的鉆飾、珠寶零售商。銷售包括ZO CA I在內(nèi)的多個(gè)歐洲珠寶品牌。其中還包括裸鉆批發(fā),高級(jí)紅藍(lán)寶石飾品量身定制等多項(xiàng)服務(wù)。在這里,我們的理念非常簡(jiǎn)單:以最出眾的價(jià)格提供最優(yōu)質(zhì)的鉆石和珠寶。
1048396931
1005302634