我无法弄清楚为什么 div 类 pic-container 不会与其他 3 个页面顶部对齐。
每个子 div 的宽度为 25%。
我有一种感觉我错过了一些明显的东西..
这里的例子:http: //tinkerbin.com/NS7vagaq
我无法弄清楚为什么 div 类 pic-container 不会与其他 3 个页面顶部对齐。
每个子 div 的宽度为 25%。
我有一种感觉我错过了一些明显的东西..
这里的例子:http: //tinkerbin.com/NS7vagaq
放
.pic-container{
font-size:0;
}
到display: inline;
所以它是:
.pic-container{
font-size:0;
display:inline;
}
由于您更改了代码的结构,因此上述方法不再有效,请改用以下方法:
<div class="pic_container">
<img src="images/1.jpg">
<span class="viewer">
<img src="images/2.jpg">
<img src="images/3.jpg">
</span>
<img src="images/4.jpg">
</div>
不需要特殊的 CSS。
在您的示例中,您在 DIV 中有第四个标识,与其他三个不同。由于 DIV 是块级元素,因此第二个“pic-container”div 中的标识将出现在其他 div 的下方。
如果您将第四个标识也移动到与前三个相同的 div 容器中,它们会排成一行。
你也可以漂浮它。
.pic-container img { margin:0; padding: 0; float:left; }