Block图片使用指南

什么是 Block 图片？

在 HTML 中，<img> 默认是行内元素（inline）。通过设置 display: block;，可将其转为块级元素，便于控制布局，如居中、清除浮动等。

居中显示 Block 图片

将图片设为 block 并配合 margin: auto，即可轻松实现水平居中。

响应式 Block 图片

结合 max-width: 100% 和 height: auto，确保图片在不同设备上自适应缩放。