① css html 如何將圖片img標簽 水平居中 垂直居中 和水平垂直居中
1、第一種css代碼如圖所示。display設置成table-cell，text-align為center，垂直居中設置vertical-align為middle。
② CSS怎麼讓圖片居中
1、首先先在頁面里載入一張圖片，代碼和效果如下圖所示：
③ 如何讓圖片在div中居中顯示
方法一：
思路：利用text-align屬性將圖片水平居中，然後設置padding-top的值使其垂直居中。
結構如下：
<div>
<img
src="images/tt.gif"
width="150"
height="100"
/>
</div>
CSS樣式如下：
div
{width:300px;
height:150px;
background-color:#CCC;
border:#000
1px
solid;
text-align:center;
padding-top:50px;}
運行結果如下：釋義：
圖片的尺寸為150x100px，DIV的大小為300x200px；
background-color:#CCC;
border:#000
1px
solid;為DIV加個邊框和背景色，便於觀察效果。
text-align:center,實現圖片的水平居中；padding-top:50px，50px這個數值是經過計算得到的，padding-top的值具體演算法如下：（DIV的高度
–
圖片的高度）/2，但這里要注意，根據盒模型原理，我們還要將DIV原來的高度200減去padding-top的值，這樣顯示的才是正確的，否則DIV會變高。
方法二：
思路：只用padding屬性，通過計算求得居中
結構代碼同上；
CSS樣式如下：
div
{width:225px;
height:150px;
background-color:#eee;
border:#000
1px
solid;
padding-top:50px;
padding-left:75px;}
備註：這里DIV的寬高計算都遵循盒模型原理，計算方法同上。
方法三：
思路：
利用圖片的margin屬性將圖片水平居中，利用DIV的padding屬性將圖片垂直居中。
結構代碼同上；
CSS代碼如下：
div
{width:300px;
height:150px;
background-color:#eee;
padding-top:50px;
border:#000
1px
solid;}
img
{display:block;
margin:0
auto;}
備註：
Img是內聯元素，要設置其margin屬性使其居中，就要將其轉換為塊元素display:block;然後利用margin:0
auto;實現圖片的水平居中；（有的設計師為圖片再加個div標簽，然後通過div標簽的margin實現居中
④ word中圖片如何居中
這里以使word 2013版本中的圖片居中為具體的例子，操作的步驟如下：
1、首先在word的主頁面中選擇你要居中的圖片，然後滑鼠右擊圖片，並且在彈出來的頁面中選擇【大小和位置】。
⑤ html中插入張圖片如何讓它居中
需要准備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html，填寫問題基礎代碼。
⑥ css中如何讓圖片居中
在圖片外麵包裹一個div，設置style屬性style="text-align:center"，可解決
⑦ 在html代碼中怎麼讓背景圖片居中
直接用no-repeat就可以了
body{background:url(http//:圖片位置) 參數} /*可識別的圖片格式為jpg、gif、bmp等*/
主要參數：
repeat ：背景圖像在縱向和橫向上平鋪
no-repeat：背景圖像不平鋪
repeat-x ：背景圖像在橫向上平鋪
repeat-y ：背景圖像在縱向平鋪
實例
background: #0066cc url(圖片) no-repeat fixed center;
或
top right 表示圖片與瀏覽器的頂邊和右邊對齊
bottom left 表示圖片與瀏覽器的底邊和左邊對齊
⑧ 怎麼讓一張圖片在網頁中居中顯示
可以用「margin: 0 auto;」和「text-align: center;」是圖片在網頁中居中。
1、新建html文檔，在body標簽中添加div標簽，然後在div標簽中添加img標簽：