麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > CSS > 正文

談自適應寬度

2024-07-11 08:26:00
字體：大 中 小
來源：轉載
供稿：網友
大概需求和情況是這樣的.今天提交的代碼自我感覺是比較好的一版了,代碼質量和個人編程知識/經驗等緊密相關,不求最好,但求better and better.在這里做一個總結文,基于之前《換行情況處理》、《又談換行情況處理》、《換行情況處理之三》及沒來得及記錄的經驗。

當內容超出父級元素寬度，在未設置white-space:nowrap時會自動換行，設置了white-space:nowrap樣式又不能關聯到滾動條延伸的部分，解決方案如下：

1、在父級元素添加white-space:nowrap屬性；

2、計算（每一行）內容寬度；

a、將內容拆分，包括縮進、圖片和文字。

b、利用《又談換行情況處理》中在body末尾添加非換行dom元素計算文字寬度。

c、疊加拆分的小塊寬度為總寬度。

3、去掉父級元素的white-space:nowrap屬性；

4、取2中最大寬度，設置成父級元素的寬度（最好在該精確寬度的基礎上增加6px-8px的寬度預留給滾動條，一是滿足滾動條出現，二是也不會貼邊）。

該方法優點（與之前幾種方案相比）：

1、寬度計算準確。

2、性能穩定，沒有之前循環“試探”的過程，遍歷一遍節點即可完成。

What's more, 工作總是在種種業務場景之下的，像上面解決的這個問題就是。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 18欧美性xxxx极品hd | 欧美成在线视频 | 天天色狠狠干 | 色婷婷久久久亚洲一区二区三区 | 久久久久久久久久久久久九 | 在线成人免费观看www | 国产在线精品一区二区夜色 | 日韩视频一区二区三区四区 | 久久99精品久久久久久秒播蜜臀 | 久久久久北条麻妃免费看 | 成人免费av在线播放 | 日韩精品免费一区二区三区 | 国产精品成人一区二区三区吃奶 | 久久密| 嗯哈～不行好大h双性 | 欧美精品一区二区久久 | 成人一级黄色大片 | 草久影视 | 久久久国产一级片 | av电影直播 | 久久精品视频网站 | 国产精品久久国产精品 | 免费视频aaa | www.国产一区.com | 日日狠狠久久偷偷四色综合免费 | 免费播放欧美毛片 | 成人毛片在线免费看 | 国产精品久久久久久久久久久久久久久 | 国产精品区一区二区三区 | 亚洲成人入口 | 一夜新娘第三季免费观看 | 毛片免费观看日本中文 | 欧美wwwwww | 精品国产一区二区三区四 | 黄色成人av在线 | 中文字幕国 | 欧美在线 | 亚洲 | 主播粉嫩国产在线精品 | 国产在线色 | avlululu | 久久国产28|