色戒之偷腥未删减版在线观看,成人在线**,男人的天堂VA网免费

例如寬度為210px的ul里   分別有4個(gè)li 這個(gè)4個(gè)li的寬度根據(jù)它們的自身內(nèi)容長(zhǎng)度為80px、120px、140px、80px。
    我需要的效果是4個(gè)li向左自動(dòng)排列。當(dāng)?shù)谌齻€(gè)li和前兩個(gè)li的長(zhǎng)度之和大于ul的寬度時(shí)候第三個(gè)li則會(huì)下移一行。在第二行顯示。而不是把ul撐寬，或者是把自己撐高（內(nèi)容換行，高度增加）
分別定義了ul的寬度210px和li的寬度自動(dòng)，發(fā)現(xiàn)結(jié)果是：
ul并沒有被撐寬，可惜li也沒有自動(dòng)到下一樣排列。而是內(nèi)容換行，把li給撐高了。然后死皮賴臉的擠在了第一行。。
    仔細(xì)考慮過之后認(rèn)為問題出在li內(nèi)部?jī)?nèi)容換行上。于是尋找禁止換行的css屬性。
網(wǎng)上查了下沒找到。問了群里永目日月，得到word-break這個(gè)屬性。 keep-all；不換行。。
    加到li里后驚奇的發(fā)現(xiàn)問題解決了。
    給工作組做頁面調(diào)試時(shí)候卻被人指出顯示有問題。
    走過去一看，顯示的確沒有改變。才想到可能是瀏覽器版本問題。
    我用的是IE7和FF 他們用的IE6。到DW里檢查了一下發(fā)現(xiàn)word-break這個(gè)屬性確實(shí)不被IE6支持：
        CSS 屬性 word-break 不受支持Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0

     實(shí)在是郁悶，這個(gè)問題以前都有困擾過我。一直也沒解決。
   那位朋友有什么好方法，敬請(qǐng)指教！不勝感謝。

問題已經(jīng)解決。說來可笑。自己在DW里手動(dòng)敲代碼。
發(fā)現(xiàn)一個(gè)屬性里有nowrap，這個(gè)nowrap不是word-braek的嗎？難道它能讓不換行？
抱著試試的心理我把它完整敲上
white-space: nowrap;
DW測(cè)試沒有出現(xiàn)下劃虛線，意思是瀏覽器支持方面沒有問題。
保存F12。問題解決了。呵呵。。。

順便寫下語法：

語法：
white-space : normal | pre | nowrap
取值：
normal   : 默認(rèn)值。默認(rèn)處理方式。文本自動(dòng)處理換行。假如抵達(dá)容器邊界內(nèi)容會(huì)轉(zhuǎn)到下一行
pre   : 換行和其他空白字符都將受到保護(hù)。這個(gè)值需要IE6+或者 !DOCTYPE 聲明為 standards-compliant mode 支持。如果 !DOCTYPE 聲明沒有指定為 standards-compliant mode ，此屬性可以使用，但是不會(huì)發(fā)生作用。結(jié)果等同于 normal 。參閱 pre 對(duì)象
nowrap   : 強(qiáng)制在同一行內(nèi)顯示所有文本，直到文本結(jié)束或者遭遇 br 對(duì)象。參閱 noWrap 屬性

說明：
設(shè)置或檢索對(duì)象內(nèi)空格字符的處理方式。
空格字符，像換行，空格，TAB，在HTML文檔中默認(rèn)的是被忽略的。當(dāng)此屬性設(shè)置為 normal 或者 nowrap 時(shí)，你可以使用不換行空格的命名實(shí)體    來添加空格，用 br 元素來添加換行。此屬性對(duì)你使用文檔對(duì)象模型(DOM)操作的內(nèi)容的影響與其對(duì)IE顯示內(nèi)容的影響一樣。
此屬性作用于塊對(duì)象。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫的。
對(duì)應(yīng)的腳本特性為 whiteSpace 。
from:woria.cn

您可能感興趣的文章:

javascript 使td內(nèi)容不換行不撐開
html小技巧之td,div標(biāo)簽里內(nèi)容不換行

標(biāo)簽：濰坊玉樹石家莊昭通深圳商洛大同濰坊

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《div css nowrap無換行》，本文關(guān)鍵詞 div,css,nowrap,無,換行,div,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

div css nowrap無換行