css3 - css怎么实现图片环绕的效果
PHPz
PHPz 2017-04-17 11:36:33
0
7
583


让标号1的一组图片环绕标号2的这张图片

<p>
        /*让他们环绕我*/
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=可爱的小周周/dd4814/ffffff" />
        </p>
        /*环绕他去*/
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=叫/dd4814/ffffff" />
        </p>
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=我/dd4814/ffffff" />
        </p>
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=小/dd4814/ffffff" />
        </p>
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=周/dd4814/ffffff" />
        </p>
        <p>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=周/dd4814/ffffff" />
        </p>
    </p>

大神帮帮忙,谢谢啦^_^!

PHPz
PHPz

学习是最好的投资!

Antworte allen(7)
PHPzhong

大图用float,小图用margin——Css里用nth-child()控制不同小图的位置。
演示:
http://codepen.io/tjcccc/pen/bpKLwj

巴扎黑

使用3*3的tabel,合并单元格,不就行了

Peter_Zhu

这个效果 不应该 描述成 图片环绕的。。。。。

只是很常见的 栅格布局 ~~~

jd tb 各种这种布局

洪涛

不知道你的这个具体需求是啥,图片是否固定宽高,外层是否固定宽高。
这种其实就是简单的float布局就可以做了

伊谢尔伦

真的是环绕么 环绕布局虽然可能做到但是真没见过这么做的
按竖排编组或者按横排编组都可以

伊谢尔伦

使用浮动,高度控制好,就能环绕了

大家讲道理

p+CSS中的2+1布局

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage