html 两个图片并排,HTML – 两个图像并排和响应
使用显示表并排放置并保持并排并响应.显示：表;表格布局：固定;将使用display：table-cell为子元素创建流畅的布局;这不仅可以使它们保持相同的宽度,还可以使容器保持相同的高度.vertical-align：top;将它们与顶部对齐,或者您可以将垂直位置更改为中间和底部以及其他一些.任何问题都会消失.#wrapper {max-width: 1050px;margin: 60px aut
·
使用显示表并排放置并保持并排并响应.
显示：表;表格布局：固定;将使用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;
}
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)