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

Question

如果下面代码

<p style="height: 100px; overflow： scroll" >
    <img src="img" style="height: 200px; />
</p>

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

谢谢

Answer 1

你這代碼看著總是別扭,仔細看了看第一行的冒號":" 是中文的冒號吧? 還會有第二行的 style 少了個引號? 所以第三行的高亮看著都有問題...

顯示圖片:

<p style="height: 100px; overflow: hidden;  width:100px" >
    <img src="img" style="height: 200px; width:200px; margin-top: -100px; margin-left: -100px;" />
</p>

Answer 2

img比p還長的話
1. 設置img width為百分比
2. 設置p 的text-align : center

Answer 3

居中問題的話， 可以試試flex box 簡直就是太簡單了。

Answer 4

差評 樣式混合在標簽裏麵寫 嚶嚶嚶

Answer 5

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