我试图把一个导航栏,看起来像这样:在另一格放置多张图片中的div
http://s7.postimage.org/jhfi6rbp7/gallerybar.jpg
所有的平方是我要对齐到左边单独的图像一个包含橙色栏.jpg的div标签。
这是我到目前为止有:
<div id="rule">
<img src="../images/rule2.jpg" width="750" height="1" >
<div id=" gallery">
<img src="../images/portfolio/gallery_bplogo_active.jpg" alt="Logo Design" width="112" height="112"/>
<img src="../images/portfolio/gallery_bpprint.jpg" width="112" height="112" alt="Magazine and Newspaper Ads" />
<img src="../images/portfolio/gallery_bpradio.jpg" width="112" height="112" alt="Radio Spot" />
<img src="../images/portfolio/gallery_bptelevision.jpg" width="112" height="112" alt="TV Spot" />
<img src="../images/portfolio/gallery_bpvehiclewrap.jpg" width="112" height="112" />
</div>
</div>
#rule {
border:0;
text-align: center;
}
#gallery {
height: 115px;
margin: 20px;
position: absolute;
border: 20 px;
border-color:#FFF;
}
我无法弄清楚如何在垂直栏上居中的图像 - 他们坚持浮动只是在它下面。
谢谢!这工作 – 2013-02-21 19:44:41