无码人妻视频一区二区三区,亚洲国产精品色一区二区三区色牛,亚洲国产中文精品碰碰,九九视频这里只有精品

2411瀏覽量

inline-block

來(lái)源: 時(shí)間:2014-12-30

你可以創(chuàng)建很多網(wǎng)格來(lái)鋪滿瀏覽器。在過(guò)去很長(zhǎng)的一段時(shí)間內(nèi)使用 float 是一種選擇,但是使用 inline-block 會(huì)更簡(jiǎn)單。讓我們看下使用這兩種方法的例子:

困難的方式(使用浮動(dòng))

.box { float: left; width: 200px; height: 100px; margin: 1em; } .after-box { clear: left; } 

我在浮動(dòng)!

我在浮動(dòng)!

我在浮動(dòng)!

我在浮動(dòng)!

我在浮動(dòng)!

我在浮動(dòng)!

我在浮動(dòng)!

我在浮動(dòng)!

我在浮動(dòng)!

我在浮動(dòng)!

我在浮動(dòng)!

我在使用 clear,所以我不會(huì)浮動(dòng)到上面那堆盒子的旁邊。

容易的方式(使用 inline-block)

你可以用 display 屬性的值 inline-block 來(lái)實(shí)現(xiàn)相同效果。

.box2 { display: inline-block; width: 200px; height: 100px; margin: 1em; } 

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

我是一個(gè)行內(nèi)塊!

這次我可沒(méi)有用 clear 。太棒了!

你得做些額外工作來(lái)讓IE6和IE7支持 inline-block 。有些時(shí)候人們談到 inline-block 會(huì)觸發(fā)叫做 hasLayout 的東西,你只需要知道那是用來(lái)支持舊瀏覽器的。

聯(lián)系我們

一次需求提交或許正是成就一個(gè)出色產(chǎn)品的開(kāi)始。
歡迎填寫表格或發(fā)送合作郵件至: qczsky@126.com

大理青橙科技

電話:13988578755 13988578755

郵箱:qczsky@126.com

地址:大理市下關(guān)龍都春天10層

如果您無(wú)法識(shí)別驗(yàn)證碼,請(qǐng)點(diǎn)圖片更換

周宁县| 凌云县| 都匀市| 丹阳市| 盐山县| 保亭| 泽普县| 沁阳市| 吉林省| 香格里拉县| 西峡县| 印江| 北海市| 公主岭市| 彰化县| 靖安县| 志丹县| 辛集市| 凉城县| 绥棱县| 固镇县| 义马市| 新蔡县| 资兴市| 新蔡县| 济南市| 兖州市| 东乌珠穆沁旗| 思茅市| 蕲春县| 石景山区| 米脂县| 南雄市| 双鸭山市| 孝义市| 台湾省| 宁陵县| 新营市| 班玛县| 获嘉县| 青河县|