前端 - 如何让img在div居中，img比div还长-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

阿神 2017-04-17 11:05:24

[CSS3讨论组]

1356

如果下面代码

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

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

谢谢

阿神

闭关修行中......

全部回复(5)

黄舟2017-04-17 11:07:24 5楼

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

显示图片:

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

赞 +0

添加回复

ringa_lee2017-04-17 11:07:24 4楼

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

赞 +0

添加回复

PHP中文网2017-04-17 11:07:24 3楼

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

赞 +0

添加回复

伊谢尔伦2017-04-17 11:07:24 2楼

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

赞 +0

添加回复

PHP中文网2017-04-17 11:07:24 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>