肥胖老熟女一区二区三区,男人成人网亚洲天堂国产精品,佳澄果穗人妻中文字幕

當前位置：

發(fā)布時間：2019-08-26

文章編輯：網(wǎng)站建設(shè) 文章來源：APP開發(fā) 瀏覽量：次

開發(fā)APP加載優(yōu)化解決方案之請勿濫用float屬性，深圳APP開發(fā)公司提醒通過定義元素的float屬性，可以定義元素在哪個方向上浮動。例如，實現(xiàn)文字環(huán)繞在圖像周圍的效果，常常對圖像使用浮動，使文本圍繞在圖像周圍。
【代碼9-2】

01 <! DOCTYPE html> 02 < html> 03 < head> 04 < title> float</ title> 05 < meta charset=" utf- 8"> 06 < meta content=" width= device- width, initial- scale= 1. 0, maximum- scale= 1. 0, user- scalable= no" name=" viewport"> 07 < meta content=" yes" name=" apple- mobile- web- app- capable"> 08 < meta content=" black" name=" apple- mobile- web- app- status- bar- style"> 09 < meta name=" format- detection" content=" telephone= no"> 10 < style type=" text/ css"> 11 img { 12 float: left; 13 margin: 10px; 14 } 15 </ style> 16 </ head> 17 < body>

18 < p> 19 < img src="./ images/ man. jpg" width=" 100" /> 20 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 21 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 22 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 23 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 24 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 25 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 26 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 27 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 28 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 29 通過定義元素的 float 屬性，可以定義元素在哪個方向上浮動。 30 </ p> 31 </ body> 32 </ html>

通過對img元素設(shè)置浮動，實現(xiàn)文字環(huán)繞的效果，如圖9.26所示。

不過在CSS中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。所以，我們發(fā)現(xiàn)越來越多場景里的元素使用了float屬性，例如分欄布局、列表排列等。而float屬性在渲染時會造成“高度塌陷”，例如：
01 < p> 02 < img src="./ images/ man. jpg" width=" 100" /> 03 </ p>

同時，仍然設(shè)置img元素為浮動：
01 img { 02 float: left; 03 }

通過控制臺審查元素，我們發(fā)現(xiàn)，img的父元素p的高度為0，如圖9.27所示。

解決高度塌陷問題的常用方法就是清除浮動。常用的清除浮動方法如下：
01 .clearfix { 02 zoom: 1; 03 } 04 .clearfix: after { 05 display: block; 06 content: 'clear'; 07 clear: both; 08 line- height: 0; 09 visibility: hidden; 10

清除浮動均會造成渲染時的重繪過程，影響性能。因此，慎用元素的float屬性。好了，APP開發(fā)公司本文關(guān)于“開發(fā)APP加載優(yōu)化解決方案之請勿濫用float屬性”的APP制作解決方案就分享到這里，謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。

當前文章鏈接：/construction/appkaifa/3664.html

上一篇：開發(fā)APP公司詳解正確使用display屬性下一篇：APP開發(fā)公司舉例解析電商APP開發(fā)的好處

返回列表

如果您覺得案例還不錯請幫忙分享：

[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息，此類稿件不代表本網(wǎng)觀點，本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此，如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán)，請您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】，我們在確認后，會立即刪除，保證您的版權(quán)。

夏目彩春av在线看,夏目彩春av在线看,亚洲国产成人精品日韩18,搡老岳熟女国产熟妇视频,欧美国产亚洲欧美国产,99久久蜜人人爽亚洲精品美女,3p少妇亚洲一区二区三区欧美,美女天天干美女天天操,男女啪啪啪噜噜噜免费观看网站

深圳網(wǎng)站建設(shè)—APP開發(fā)—網(wǎng)站制作—小程序開發(fā)_博納網(wǎng)絡(luò)公司

當前位置：

開發(fā)APP加載優(yōu)化解決方案之請勿濫用float屬性

如果您覺得案例還不錯請幫忙分享：

相關(guān)案例推薦

成人教育在線

抗戰(zhàn)受害者陳列館

英藝在線

資訊分類

最新發(fā)布

相關(guān)資訊

熱門搜索