欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML代碼怎么調(diào)整圖片位置? dw任意改變?yōu)g覽器窗口圖片都居中的代碼

  發(fā)布時(shí)間：2023-03-06 09:20:57   作者：佚名   我要評(píng)論
HTML代碼怎么調(diào)整圖片位置？dw想要通過代碼實(shí)現(xiàn)圖片頁面居中，該怎么實(shí)現(xiàn)呢？下面我們就來看看dw任意改變?yōu)g覽器窗口圖片都居中的代碼

有時(shí)候你會(huì)發(fā)現(xiàn)，你明明居中的圖片卻在不同的窗口大小下發(fā)生了變化，或者在不同分辨率的電腦端發(fā)生了偏移，遇到這種情況該如何處理呢，今天小編交給大家一種方法，使用這種代碼，以上的各種可能都會(huì)解決，不管任何情況下圖片都會(huì)居中。

如圖，準(zhǔn)備圖片，這里選擇的圖片寬度是600px，然后帶入div中，

如圖，現(xiàn)在圖片是在左上角位置

然后對(duì)圖片添加定位，相對(duì)定位即可

然后在位置上設(shè)置left:50%;也就是將圖片向右移動(dòng)整個(gè)頁面的一半，

如圖所示，移動(dòng)一半后的圖片現(xiàn)在在這個(gè)位置

如果想要將其放在中心位置，就需要再將他向左移動(dòng)圖片的一半距離就可以了，我們已經(jīng)知道自己的圖片是600px的寬度，其一半就是300px；這里輸入負(fù)值-300px

這樣設(shè)置好后，圖片就居中對(duì)齊了，窗口任意改變，圖片都會(huì)顯示在中間位置。

以上就是dw任意改變?yōu)g覽器窗口圖片都居中的代碼，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

Dreamweaver怎么上傳網(wǎng)頁? dw網(wǎng)頁上傳到服務(wù)器的教程

Dreamweaver怎么連接數(shù)據(jù)庫? dw連接數(shù)據(jù)源的方法

DreamWeaver怎導(dǎo)入項(xiàng)目? dw直接導(dǎo)入項(xiàng)目的教程

相關(guān)文章

最新評(píng)論