Dreamweaver教程

关注公众号 jb51net

关闭
网页制作 > Dreamweaver教程 >

HTML代码怎么调整图片位置? dw任意改变浏览器窗口图片都居中的代码

脚本之家

有时候你会发现,你明明居中的图片却在不同的窗口大小下发生了变化,或者在不同分辨率的电脑端发生了偏移,遇到这种情况该如何处理呢,今天小编交给大家一种方法,使用这种代码,以上的各种可能都会解决,不管任何情况下图片都会居中。

如图,准备图片,这里选择的图片宽度是600px,然后带入div中,

如图,现在图片是在左上角位置

然后对图片添加定位,相对定位即可

然后在位置上设置left:50%;也就是将图片向右移动整个页面的一半,

如图所示,移动一半后的图片现在在这个位置

如果想要将其放在中心位置,就需要再将他向左移动图片的一半距离就可以了,我们已经知道自己的图片是600px的宽度,其一半就是300px;这里输入负值-300px

这样设置好后,图片就居中对齐了,窗口任意改变,图片都会显示在中间位置。

以上就是dw任意改变浏览器窗口图片都居中的代码,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Dreamweaver怎么上传网页? dw网页上传到服务器的教程

Dreamweaver怎么连接数据库? dw连接数据源的方法

DreamWeaver怎导入项目? dw直接导入项目的教程