CSS：如何将2张50％宽度的图像放在一起？

Question

我想放置两个图像，每个图像的未指定高度和宽度50％的页面彼此相邻。它们应该处于相同的高度，并且应该在用户更改浏览器窗口的宽度时调整大小。如何在不使用position: fixed;或position: absolute;的情况下在CSS中执行此操作？

Answer 1

只需在CSS中给他们width: 50%。图像是内联块，并且彼此相邻，只要您确保它们之间没有空格：

＆＃13;

＆＃13;

img {
    width: 50%;
}

＆＃13;

<img src="http://upload.wikimedia.org/wikipedia/commons/7/70/Example.png"><img src="http://upload.wikimedia.org/wikipedia/commons/7/70/Example.png">
 

＆＃13;

＆＃13;

＆＃13;