【css让图片和段落竖直排列】前端开发的CSS图片是水平、垂直的中央显示器。

做前端开发的朋友都知道，在div容器的垂直中心显示文本很容易，但在div容器中垂直显示图片有点伤脑筋。因为图片是位移因素。有几个特别的特点。对于前端开发的牛来说，这是一个很好的解决方案。虽然有很多解决方案，例如使用js，但对初学者来说有点困难。

其实小编辑方法不是很高端的技术，是最low的方法，但是很实用，可以兼容各种浏览器，为了演示，小编辑直接从宝物商店拿来演示商品地图，因为商品地图没有高清，也很大，所以我们在CSS中将照片的高度设置为300px，des。

最终运行效果如下图所示。

在div中，可以看到水平和垂直都在正中央。不是很完美吗？约翰肯尼迪(约翰肯尼迪)这个原理也很简单。也就是说，通过向div容器添加I标签并将display属性设置为inline-block(内嵌块元素)打开div容器的高度，并将图片的vertical-align属性设置为middle，可以垂直居中。在实际项目中，可以使用max-width、min-width、max-height和min-height等属性来获得所需的效果。

当然，有很多解决方法。具体要用什么方法，要根据自己的页面布局来衡量。不管怎样，没有最好的。只有最合适的方法。如果有更好的方法，可以告诉小方。可以一起交换方法，共同发展。