网页制作 > Dreamweaver教程 >
HTML代码怎么调整图片位置? dw任意改变浏览器窗口图片都居中的代码
脚本之家
有时候你会发现，你明明居中的图片却在不同的窗口大小下发生了变化，或者在不同分辨率的电脑端发生了偏移，遇到这种情况该如何处理呢，今天小编交给大家一种方法，使用这种代码，以上的各种可能都会解决，不管任何情况下图片都会居中。
如图，准备图片，这里选择的图片宽度是600px，然后带入div中，
如图，现在图片是在左上角位置
然后对图片添加定位，相对定位即可
然后在位置上设置left:50%;也就是将图片向右移动整个页面的一半，
如图所示，移动一半后的图片现在在这个位置
如果想要将其放在中心位置，就需要再将他向左移动图片的一半距离就可以了，我们已经知道自己的图片是600px的宽度，其一半就是300px；这里输入负值-300px
这样设置好后，图片就居中对齐了，窗口任意改变，图片都会显示在中间位置。
以上就是dw任意改变浏览器窗口图片都居中的代码，希望大家喜欢，请继续关注脚本之家。
相关推荐：
Dreamweaver怎么上传网页? dw网页上传到服务器的教程