css3 - css怎么实现图片环绕的效果
问题描述
让标号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>
大神帮帮忙,谢谢啦^_^!
问题解答
回答1:大图用float,小图用margin——Css里用nth-child()控制不同小图的位置。演示:http://codepen.io/tjcccc/pen/bpKLwj
回答2:使用3*3的tabel,合并单元格,不就行了
回答3:这个效果 不应该 描述成 图片环绕的。。。。。
只是很常见的 栅格布局 ~~~
jd tb 各种这种布局
回答4:不知道你的这个具体需求是啥,图片是否固定宽高,外层是否固定宽高。这种其实就是简单的float布局就可以做了
回答5:真的是环绕么 环绕布局虽然可能做到但是真没见过这么做的按竖排编组或者按横排编组都可以
回答6:使用浮动,高度控制好,就能环绕了
回答7:p+CSS中的2+1布局
相关文章:
1. python如何不改动文件的情况下修改文件的 修改日期2. angular.js - 不适用其他构建工具,怎么搭建angular1项目3. angular.js - Angular路由和express路由的组合使用问题4. python - django 里自定义的 login 方法,如何使用 login_required()5. java8中,逻辑与 & 符号用在接口类上代表什么意思6. mysql优化 - mysql count(id)查询速度如何优化?7. mysql主从 - 请教下mysql 主动-被动模式的双主配置 和 主从配置在应用上有什么区别?8. 主从备份 - 跪求mysql 高可用主从方案9. node.js - node_moduls太多了10. python - 关于ACK标志位的TCP端口扫描的疑惑?
