① 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)修改一下,数值越大距离越远