1

我无法弄清楚为什么 div 类 pic-container 不会与其他 3 个页面顶部对齐。

每个子 div 的宽度为 25%。

我有一种感觉我错过了一些明显的东西..

这里的例子:http: //tinkerbin.com/NS7vagaq

4

5 回答 5

2

.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。

于 2013-02-28T03:32:50.687 回答
0

在您的示例中,您在 DIV 中有第四个标识,与其他三个不同。由于 DIV 是块级元素,因此第二个“pic-container”div 中的标识将出现在其他 div 的下方。

如果您将第四个标识也移动到与前三个相同的 div 容器中,它们会排成一行。

于 2013-02-28T03:31:22.280 回答
0

因为 div 是块级元素。将其更改为内联并瞧。

div {
  display:inline;
}

http://tinkerbin.com/rz9WlaIg

于 2013-02-28T03:31:48.277 回答
0

将 CSS 更改为:

.pic-container{
    font-size:0;
    display: inline;
}

小提琴:http ://tinkerbin.com/DH6nLkQO

于 2013-02-28T03:33:58.333 回答
0

你也可以漂浮它。

.pic-container img { margin:0; padding: 0; float:left; }
于 2013-02-28T03:45:06.727 回答