// html
<div class="box">
<img src= "" />
</div>
// style
.box {
display: flex;
justify-center: center;
align-items: center
}
.box img {
display: block;
max-width: 100%;
max-height: 100%;
}
本文深入探讨了HTML中div元素的CSS样式设置,特别是flex布局的使用,如何通过justify-content和align-items属性实现内容的居中对齐,同时介绍了img元素的响应式设计技巧。
// html
<div class="box">
<img src= "" />
</div>
// style
.box {
display: flex;
justify-center: center;
align-items: center
}
.box img {
display: block;
max-width: 100%;
max-height: 100%;
}

被折叠的 条评论
为什么被折叠?