网页图片怎么居中适应不同分辨率显示中间部分

发布网友发布时间：2022-04-21 16:09

共3个回答

热心网友时间：2022-04-21 17:38

可以插入下面代码：
<div class="warpper">
<div class="img">
<img src="xx"/>
</div>
</div>
.warpper {wdith:1000px;margin:0 auto; height:auto;}
.img {长宽等于img 中src的图片的长宽; margin:0 auto;}

热心网友时间：2022-04-21 18:56

<div style="margin:0 auto; text-aligin:center">

<img src="tupian.jpg" alt="tupianming" />
</div>追问试了用了分辨率小于图片的时候下面的左右导航条出来了
需要导航条不出来，超过分辨率图片的左右两边隐藏

另外用了这个代码图片有1pix白色的边框

不知怎么可以解决

追答overflow:hidden;
在style中加上
style="margin:0 auto; text-aligin:center; overflow:hidden"

关于那个图片边框要另外加上一个
<img style="boder:none" src="tupian.jpg" alt="tupianming" /

网页 图片怎么居中 适应不同分辨率 显示中间部分

网页图片怎么居中适应不同分辨率显示中间部分