问:我已经回到这里几步,因为我想尝试添加第六张图像,所以我有两列包含三张图像。当我添加第六张图像时,它向下浮动在页面的下方...我无法获得它排队,这让我发疯!请帮忙。
的HTML
<section> <ul id =“ gallery”> <li> <a href="img/1.jpg"> <img src =“ img / 1.jpg” alt =“”> <p>原始的。</ p > </a> </ li> <li> <a href="img/2.jpg"> <img src =“ img / 2.jpg” alt =“”> <p>暴风云。</ p> </a> </ li> <li> <a href="img/3.jpg"> <img src =“ img / 3.jpg” alt =“”> <p>柔软度。</ p> </ a> </ li> <li> <a href="img/4.jpg"> <img src =“ img / 4.jpg” alt =“”> <p>山,雪和冰。</ p> </a></ li> <li> <a href="img/5.jpg"> <img src =“ img / 5.jpg” alt =“”> <p>黑暗的天空。</ p> </a> < / li> <li> <a href="img/6.jpg"> <img src =“ img / 6.jpg” alt =“”> <p>阴天的颜色。</ p> </ a > </ li> </ ul> </ section></ P> </a> </ li> </ ul> </ section></ P> </a> </ li> </ ul> </ section>
的CSS
画廊{
边距:0; 填充:0; 列表样式:无;}
李画廊{
向左飘浮; 宽度:45%; 利润率:2.5%; 背景颜色:#f5f5f5; 颜色:bdc3c7; }
li ap {
边距:0; 填充:5%; font-size:0.75em; 颜色:bdc3c7; }
这是最后一个“ 6.jpg”,不会像第一列中的第三幅图像那样很好地放置。
答:您的img / 3.jpg图像尺寸要比所有其他图像大。img / 3.jpg大小为1024 x 706像素,但所有其他图像大小均为1024 x 683像素。尝试将img / 3.jpg的大小固定为1024 x 683px,这样可以解决您的问题。