html 两个图片并排,HTML – 两个图像并排和响应

使用显示表并排放置并保持并排并响应.

显示：表;表格布局：固定;将使用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;

}