網站設計的時候怎么讓一張圖片居中

　　我們看到有很多的網站，里面的圖片在容器里面是處于集中的位置的，那么如果是自己來進行網站設計這個圖片居中又該如何去搞呢？其實圖片居中是設計網頁的時候，一個基本的操作，這種操作大多數情況之下都是使用css樣式表來實現的。 Css樣式表對于很多人來講可能都是比較陌生的，因為畢竟大家不是專業人士，但實際上css樣式表的功能相當的強悍，用css代碼很容易就能夠實現圖片的集中，下面就來為大家介紹一些常用的集中的方式。

　　進行網站設計的時候，如果說要讓一張圖片居中的話，我們把一個圖片放到某一個元素里面，確保這個元素沒有浮動狀態，那么在這種情況之下，我們可以把這個元素轉換成為一個行內塊元素。轉換了這樣的一個設置之后就直接可以使用txt-align:center這樣的一種設置就可以輕易的實現居中。因為理論上來講的話一個塊元素是不能用text-align居中的，但是轉變成為行內塊元素之后就具備了行內元素的特性，就可以使用text-align屬性來居中。接下來還有一種居中的方式，就是我們使用margin:0 auto來進行居中。如果是這種方式來進行居中的話需要對容器進行一番設置，比如說把這個容器可以設置成為相對定位，又或者是把圖片設置成為塊元素，然后就可以使用這種方式來居中。不過有一點要請大家注意，就是上述的這些方式來進行居中，雖然說效果也比較不錯，但是這種方式要對橫向和縱向來進行分別設置，所以就相對比較麻煩一點，我們可以使用彈性布局的方式，直接把容器轉變成為一個彈性容器，然后利用彈性容器里面的屬性，可以輕松的實現橫向和縱向的居中。

　　以上就是今天給大家介紹的網站設計的時候實現圖片居中的幾種常見的方式。實際上圖片居中主要是用于一些超大背景圖片，比如說在我們設計某一個頁面的時候，這個頁面有一個它的背景圖片，然后這個背景圖片我們希望把它放在中間來進行展示，這個時候就可以使用居中的方式來進行設計。