使用顯示表并排放置并保持并排并響應.

顯示：表;表格布局：固定;將使用display：table-cell為子元素創建流暢的布局;

這不僅可以使它們保持相同的寬度,還可以使容器保持相同的高度.

vertical-align：top;將它們與頂部對齊,或者您可以將垂直位置更改為中間和底部以及其他一些.

任何問題都會消失.

#wrapper {

max-width: 1050px;

margin: 60px auto 60px auto;

background-color: #DDD

}

#outer {

display: table;

width: 100%;

table-layout: fixed;

}

.itemwrapper {

display: table-cell;

vertical-align: top;

width: 100%;

}

img {

max-width: 100%;

height: auto;

}

總結

以上是生活随笔為你收集整理的html 两个图片并排,HTML – 两个图像并排和响应的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。