利用CSS实现8张图片每2张图片为一排,后面的图片自动对齐到下一排的实现方法

html-css015

利用CSS实现8张图片每2张图片为一排,后面的图片自动对齐到下一排的实现方法,第1张

有个办法是写8个div标记对,中间加img插入图片,然后设置float:left。第2、4、6个div设置css属性clear:right,这样就能够实现自动浮动成每2张图片为一排,后面的图片自动对齐的效果了

两种方法:

一、把小图片当做h3的背景来调即:

.menubar h3{font-size: 14pxfont-weight: boldtext-align: leftmargin:0background:url(123.jpg) no-repeat left centerpadding-left:图片的宽度};

二、加上<img scr="123.jpg" align="absmiddle" />使图片绝对居中;

推荐第一种情况,如果别的地方还有要使用这个图片的话;