前端 - 如何让img在div居中，img比div还长

问题描述

如果下面代码

<p > <img src='https://www.6hehe.com/wenda/img' style='height: 200px; /></p>

请问如何让img总是居中，尤其是img的height比p 的height还大,image还是居中。因为p的overflow是scroll的所以图片的上部和下部看不见，但是 p里面显示的还是图片的中部。请从css角度思考。

谢谢

问题解答

你这代码看着总是别扭,仔细看了看第一行的冒号':' 是中文的冒号吧? 还会有第二行的 style 少了个引号? 所以第三行的高亮看着都有问题...

显示图片:

<p > <img src='https://www.6hehe.com/wenda/img' /></p>回答2：

img比p还长的话1. 设置img width为百分比2. 设置p 的text-align : center

居中问题的话， 可以试试flex box 简直就是太简单了。

差评 样式混合在标签里面写 嘤嘤嘤

哈哈哈哈你采纳的回答太搞笑了！