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

html-css020

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

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}

css有哪些常用控件可以分为三类，即id选择器、class选择器、标签选择器。

用法如下：

#id名 { 属性名:属性值}

.class名 { 属性名:属性值}

标签名 { 属性名:属性值}

其中，他们之间又可以以不同的方式进行组合，如下：

后代选择器: 父代名 后代名 { 属性名:属性值}

子代选择器: 父代名>子代名 { 属性名:属性值}

群组选择器: #name1, .name2, #name div { 属性名:属性值}

伪类选择器: name:伪类

通用(通配符)选择器: * { 属性名: 属性值}