使用`display: table-cell`属性将图片设置为单元格,并设置`vertical-align: middle`属性使其垂直居中。
示例代码:
“`html
通过这种方式,两行图片会在同一行显示,并且图片会自动换行。如果需要更多的控制,可以使用`display: table`或`display: flex`等其他属性。
需要注意的是,`vertical-align: middle`属性只适用于水平方向上的居中,对于垂直方向上的居中,可以使用`vertical-align: top`或`vertical-align: bottom`属性。
此外,还可以通过更改图片的`width`属性来控制每一行图片的大小,从而实现更灵活的布局。