⑴ 怎麼讓一張圖片在網頁中居中顯示
可以用「margin: 0 auto;」和「text-align: center;」是圖片在網頁中居中。
1、新建html文檔，在body標簽中添加div標簽，然後在div標簽中添加img標簽：
⑵ 怎麼讓DIV在HTML插入圖片 居中顯示
水平居中：div設置：text-align:center;
img設置：width:圖片寬度; margin:0 auto;
垂直居中：div設置：position:relative;
img設置：position:absolute; top:50%; height:圖片高度; margin-top:圖片高度的一半;
<div> 的定義和用法
<div> 可定義文檔中的分區或節（division/section）。
<div> 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。
如果用 id 或 class 來標記 <div>，那麼該標簽的作用會變得更加有效。
用法
<div> 是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上，換行是 <div> 固有的唯一格式表現。可以通過 <div> 的 class 或 id 應用額外的樣式。
不必為每一個 <div> 都加上類或 id，雖然這樣做也有一定的好處。
可以對同一個 <div> 元素應用 class 或 id 屬性，但是更常見的情況是只應用其中一種。這兩者的主要差異是，class 用於元素組（類似的元素，或者可以理解為某一類元素），而 id 用於標識單獨的唯一的元素。
⑶ 在DIV裡面怎麼讓圖片居中
問題中的居中是指水平居中，還是垂直居中？
水平居中：div設置：text-align:center;
img設置：width:圖片寬度; margin:0 auto;
垂直居中：div設置：position:relative;
img設置：position:absolute; top:50%; height:圖片高度; margin-top:圖片高度的一半;
⑷ 如何用CSS讓圖像在div中垂直和水平居中，css怎麼寫
algin='center'
//水平居中
或者
style='text-algin:center;'
關於垂直居中的問題，這里最好使用一個固定的值來計算
盡管有CSS的vertical-align特性，但是並不能有效解決未知高度的垂直居中問題（在一個DIV標簽里有未知高度的文本或圖片的情況下）。標准瀏覽器如Mozilla,
Opera,
Safari等.，可將父級元素顯示方式設定為TABLE(display:
table;)
，內部子元素定為table-cell
(display:
table-cell),通過vertical-align特性使其垂直居中，但非標准瀏覽器是不支持的。
非標准瀏覽器只能在子元素里設距頂部50%，裡面再套個元素距頂部-50%
來抵消。
⑸ 在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實現居中
⑹ css html 如何讓div里邊的圖片和文字同時上下居中
方法步驟如下：
1、首先打開計算機，使用瀏覽器打開a.html，可以看到默認情況，是圖片置頂對齊，文字置底對齊，所以通常圖片高，文字低，不能水平居中對齊。
⑺ div 裡面的圖片怎麼居中顯示
給toplogo設置寬度,
然後給你<img />設置屬性,margin:0 auto; 是水平居中,margin:auto 0;是上線居中,
也可以在toplogo中加入text-align:center;屬性居中
⑻ 怎樣用css只讓div中的圖片居中
1、打開在線寫前端代碼的網站如jsrun或者jsfiddle。
⑼ 如何讓div中的圖片垂直居中對齊
給div設定text-align:center;可使圖片水平居中，再給圖片img設定
vertical-align:middle;即可達到垂直居中（切記，是給圖片加，不是div，很多人容易搞錯）
還有一個方法，就是用table布局，td默認是水平方向居左的，但是垂直方向是居中的，所以你套一個table後再插入圖片的話，也能很好的達到垂直居中
⑽ div里圖片有些怎麼居中
加入.New img{display:block;margin:0px auto;}這樣圖片就居中了，設置block原因是為了換行，還不用加入</br>了