如果下面代码
<p style="height: 100px; overflow： scroll" > <img src="img" style="height: 200px; /> </p>
请问如何让img总是居中，尤其是img的height比p 的height还大,image还是居中。 因为p的overflow是scroll的所以图片的上部和下部看不见，但是 p里面显示的还是图片的中部。请从css角度思考。
谢谢
闭关修行中......
你这代码看着总是别扭,仔细看了看第一行的冒号":" 是中文的冒号吧? 还会有第二行的 style 少了个引号? 所以第三行的高亮看着都有问题...
显示图片:
<p style="height: 100px; overflow: hidden; width:100px" > <img src="img" style="height: 200px; width:200px; margin-top: -100px; margin-left: -100px;" /> </p>
img比p还长的话 1. 设置img width为百分比 2. 设置p 的text-align : center
居中问题的话， 可以试试flex box 简直就是太简单了。
差评 样式混合在标签里面写 嘤嘤嘤
哈哈哈哈你采纳的回答太搞笑了！
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
你这代码看着总是别扭,仔细看了看第一行的冒号":" 是中文的冒号吧? 还会有第二行的 style 少了个引号? 所以第三行的高亮看着都有问题...
显示图片:
img比p还长的话
1. 设置img width为百分比
2. 设置p 的text-align : center
居中问题的话， 可以试试flex box 简直就是太简单了。
差评 样式混合在标签里面写 嘤嘤嘤
哈哈哈哈你采纳的回答太搞笑了！