如何通过CSS使得子控件相对于父控件居中_教程

css居中的方法有几种：

第一种给父级元素加 text-align:center这种是针对于文本或者行内元素比如图片呀链接的居中

第二种：给子元素设置一个宽高，然后设置margin:0 auto

举例：div{ width:100px height:100pxmargin : 0 auto}

第三种：先给父级元素加position:relative再给子元素加position: absolute

举例：父级{ position:relative}

子级{position: absolutewidth:100px height:100pxleft:50px top:50px}

控制字体位置可以用padding margin text-indent 单位可以是px em % (em是根据你设置的字体大小设定的，假如你设置字体为12px，那么2em就是24px。 %是根据父容器的宽度或高度决定的。)

不一定，有些布局简单的，可以直接写，不需要嵌入DIV里。在CSS里直接定义它的样式好了。如果想实现复杂的效果，还是嵌在DIV里比较好控制。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、将index.html中的<body>替换为：

</div>

</body>

3、浏览器运行index.html页面，此时div相对body是居中，而div中的内容并没有受影响。

欢迎分享，转载请注明来源：内存溢出

如何通过CSS使得子控件相对于父控件居中