① css如何使背景圖片水平居中
方法和詳細的操作步驟如下：
1、第一步，打開前端開發工具，然後創建一個新的html代碼頁，見下圖，轉到下面的步驟。
② css怎麼將圖片在DIV里居中啊
結構：
<div class="帆散tb-p-c"><img src="http://www.zjt.com.cn/images/logo/logo_index.gif" /></div>
樣式：
.tb-p-c{
display: table-cell;
vertical-align:middle;
width:140px;
height:140px;
text-align:center;
*display: block;
*font-size: 122px;
background:red;
}
.tb-p-c img {
vertical-align:middle;
}
這段代碼可以幫助飢轎塵你居中，不過有瑕疵，就是當圖片過大的時候在火狐里不會剪切圖片，所以爛禪要控制圖片的高寬<=容器的高寬
③ div+css，圖片怎麼設置在DIV中垂直居中
div+css，圖片設置在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怎麼樣讓背景圖片水平（垂直）居中
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
</head>
<bodyclass="bodybg">
<h2>針對當前div層背景居中</h2>
<h3>ps:背景圖片是需要高度和內容撐開的。沒有高度沒有內容，背景圖片是無法顯示的</h3>
<divclass="bgImg">
</div>
</body>
<styletype="text/css">
.bgImg{
background:url(images/2.png)centerno-repeat;/*這個是簡寫,可以分開寫*/
/*background-position:centercenter;*/
/*background-image:url(images/2.png);*/
/*background-repeat:no-repeat;*/
width:200px;
height:200px;
border:1pxsolid#000000;
}
.bodybg{
background:url(images/2-1.png)centerno-repeat;
height:100vh; /*一屏高度的表示*/
}
</style>
</html>
⑤ 怎樣用css只讓div中的圖片居中
1、打開在線寫前端代碼的網站如差猜仿jsrun或者jsfiddle。
⑥ css,如何使整個頁面背景圖片居中
css使整個頁面背景圖片居中,你是可以給一個總的div設置好一定的width和height，然後給它來設置背景圖片，在通過margin讓他們居中，同時，background的repeat來平鋪實現，具體代碼：
<html>
<head>
<style>
#div1{
width:960px;
height:1200px;
border:1pxsoild#f00;
background:url('圖片地址')repeat0px0px;
margin:0auto;
}
</style>
</head>
<body>
<divid='div1'>
</div>
</body>
</html>
⑦ CSS中怎麼讓圖片在盒子里居中呢
需要准備的材料分弊顫別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
⑧ 怎麼用DIV+CSS控制圖片居中的問題
水平居中：
1、單獨文字垂直居中我們只需要設置CSS樣式line-height屬性即可。
2、文字與圖片同排，在設置div高度同時再對此css樣式的圖片「img」樣式設置vertical-align:middle垂直居中屬性
，
如.yangshi
img{vertical-align:middle;}
。
垂直居中：
1．喊鍵對這個CSS居中問題，我們可以使用設置背景圖片的方法
。舉例：
body
{BACKGROUND:
url(」圖片文件」棚棚)
#FFF
no-repeat
center;}
關鍵就在於這個Center屬性，它表示讓該背景圖片在容器中居中。你也可以把Cener換成Top
Left或者直接寫上數字來調整它的位置。
2．如何使文本在DIV中垂直居中
對於文字，便不能用鄭和巧背景方法，可以用增高行距的辦法變通實現垂直居中，示範代碼如下：
#center{
MARGIN-RIGHT:
auto;
MARGIN-LEFT:
auto;
height:200px;
vertical-align:middle;
line-height:200px;
}
<div
id=」center」><p>test
content</p></div>
參考資料：
css如何讓圖片居中
http://www.studyofnet.com/news/188.html
⑨ CSS中背景圖怎麼居中顯示啊
css中有一個background-position 屬性設置背景圖像的起始位置。
他有以下可能的值：
1，top left 左上角
2，top center 正上方
3，top right 右上方
4，center left 正左方
5，center center 正中
6，center right 正右方
7，bottom left 左下方
8，bottom center 正下方
9，bottom right 右下方
所以要是背景圖居中顯示，css里邊加上下邊這條屬性：
background-position:centercenter;
⑩ div+css 背景圖垂直居中
div+css實現背景圖片居中；
首先設置一個div區域，定義一個最外圍的區域塊，然後再次設置一個小的div區域在其css樣式里設置一個背景圖片，讓小的div區域居中即可：屬性：margi:0 auto;
<!DOCTYPEhtml>
<html>
<head>
<metacharset="gb2312"/>
<title>效果區</title>
</head>
<body>
<style>
.main{width:100%;height:500px;background-color:#06F;}
.bjimg{background:url(111111.png)no-repeat;width:525px;height:300px;margin:0auto;}
</style>
<divclass="main">
<divclass="bjimg">
</div>
</div>
</body>
</html>
實現效果網頁區域：
標簽以及屬性詳解：
外圍div樣式取名main：設置一個寬度為100%，高度height:500px的區域讓其背景顏色background-color:#06F;藍色，這樣可以更好的瀏覽效果；
內部的一個小的區域div取名：bjimg，區域大小就是圖片的大小；設置一張背景圖片，background:url(111111.png) no-repeat;，
margin:0 auto; 讓其在大區域塊中左右居中，上下設置為0，當然如果感覺太靠上了可以將其值(0)修改一下,數值越大距離越遠