如何把div居中，怎么让div居中啊

网站建设公司,为您提供网站建设,网站制作,网页设计及定制网站建设服务,专注于成都企业网站定制,高端网页制作,对成都石牌坊等多个行业拥有丰富的网站建设经验的网站建设公司。专业网站设计,网站优化推广哪家好,专业成都网站推广优化,H5建站,响应式网站。

1，怎么让div居中啊

给div设置一个宽度，然后添加margin:0 auto属性如：div{ width:200px; margin:0 auto;}

2，怎样使DIV居中

使用margin:auto;或者是text-align:center;

用DIV的float属性浮动 float:left左对齐 float:right右对齐

不知道你的居中是居屏幕还是网页。。如果网页的话，就是用样式就行啊。。或者利用 margin、padding属性都ok啊。

在它的外层标签里加入align="center" 或者把它放在一对标签之间

用DreamWear编辑

1. 使用正确的doctype声明, 例如 2. 在css中定义要居中的div宽度, 再加上: margin: 0 auto;

3，如何让一个DIV居中呢

static : 默认值。无特殊定位，对象遵循HTML定位规则 absolute : 将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义 fixed :未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范 relative :对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置inherit :规定应该从父元素继承 position 属性的值。

设置div的css样式margin:0 auto

position 定位，但是怎么会重复定义这么多。如果按最后一个的话（就算它真像这样定义前面的会被覆盖）应该很容易让其居中的。你是不是打错了？

#aa height: 100px; width: 800px; margin:0 auto; }

div里的内容

/*假设高度100 长度800 margin：0 atuo的意思是aaa这个div 距离页面的左右是绝对居中的*/

4，在div里如何让图片居中

方法一：　　思路：利用text-align属性将图片水平居中，然后设置padding-top的值使其垂直居中。　　结构如下：　　

　　CSS样式如下：　　div 释义：　　图片的尺寸为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 　　备注：这里DIV的宽高计算都遵循盒模型原理，计算方法同上。　　方法三：　　思路：　　利用图片的margin属性将图片水平居中，利用DIV的padding属性将图片垂直居中。　　结构代码同上；　　CSS代码如下：　　div 　　img 　　备注：　　Img是内联元素，要设置其margin属性使其居中，就要将其转换为块元素display:block;然后利用margin:0 auto;实现图片的水平居中；（有的设计师为图片再加个div标签，然后通过div标签的margin实现居中

5，css 里面怎么让一个DIV居中

通过css样式表可以实现，如下图：效果如下：知识拓展：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

margin-left: auto;margin-right: auto;

设置 CSS : margin:0 auto;但是要记得 DTD 声明 , 否则IE下可能不起作用 :＜!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”＞

你是要水平居中还是垂直居中？水平居中：

垂直居中：

注意，其中margin:-150px 0 0 -150px; 第一个150是高度的一半，第四个150是宽度的一半

第一种方式：设置body 居中。在CSS中的代码是（body第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：

CSS 样式代码：第三种方式：margin：0 auto；通常的方法为：先设置div的宽度，然后使用如下样式：1margin: 10px auto; /* 上下边距10px，左右边距自动以达到左右居中的目的*/以下为示例：HTML代码中给出div123

添加样式1234567 /*外层边框*/div.outer显示效果

居中

或者样式里这样 {margin:0 auto; text-align:center;}