图片排列显示

时间：2015-06-05 00:28:26 阅读：196 评论：0 收藏：0 [点我收藏+]

标签：

技术分享最近做了个图片展示的项目，所以也就有一个问题就是关于怎么来显示图片，怎么样对图片的内容进行设置

对于这个的话，我比较多用的就是浮动，把图片的宽度设为百分比，然后对图片进行浮动，就可以做出这个效果，当然，用了浮动之后肯定是要清除浮动的，清除浮动的话有三种方法。

清除浮动

1.对父元素加overflow:hidden;

2.对浮动元素后面的元素加css属性,clear:both;(当然，后面没有元素的话可以加一个空元素)

3.对浮动元素加:after伪类

#float:after{

content:‘‘;

display:block;

height:0;

clear:both;

visibility:hidden;

}

图片内部的设置，这个的话就用到了定位，先对父元素设置position:relative;然后对父元素里面的东西进行绝对定位，这样的话就可以做各种效果了，比如我做的hover时显示文字

关于ie6的双倍边距的问题

因为ie6有一个双倍边距，原本是padding:1%，我用了兼容ie6写法padding：0.05%

标签：

原文地址：http://www.cnblogs.com/xxxxBW/p/4553235.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行