|
天津恒鑫创想科技有限公司
联系人:李先生 先生 (经理) |
|
电 话:010-56018416 |
|
手 机:18245662212 |
|
|
|
|
|
浙江省恒鑫创想是一家专业从事iweb学院、html5培训机构生产与销售的 |
1.恒鑫创想iweb学院、html5培训始终坚持高品质,恒鑫创想iweb学院始终坚持客户优先。恒鑫创想十分注重iweb学院核心技术的积累,公司iweb学院已经拥有自有知识产权。
2.详细说明:北京web前端培训 CSS布局——居中
1.行内元素水平居中text-align:center
对图片,按钮,文字等行内元素(display为inline或inline-block等)进行水平居中,可对元素或者父元素使用text-align:center
2.定宽块级元素水平居中margin: 0 auto;
3.使用表格垂直水平居中
如果你使用的是表格的话,那完全不用为各种居中问题而烦恼了,只要用到 td(也可能会用到 th)元素的 align="center" 以及 valign="middle" 这两个属性就可以完美的处理它里面内容x195ae7n的水平和垂直居中问题了,而且表格默认的就会对它里面的内容进行垂直居中。如果想在css中控制表格内容的居中,垂直居中可以使用 vertical-align:middle,至于水平居中,貌似css中是没有相对应的属性的,但是在IE6、7中我们可以使用text-align:center来对表格里的元素进行水平居中,IE8+以及谷歌、火狐等浏览器的text-align:center只对行内元素起作用,对块状元素无效,需要设置display。
4.使用display:table;margin:0 auto;水平居中
5.使用display:table-cell垂直水平居中
对于那些不是表格的元素,我们可以通过display:table-cell 来把它模拟成一个表格单元格,这样就可以利用表格的居中特性。但是,这种方法只能在IE8+、谷歌、火狐等浏览器上使用,IE6、IE7都无效。
6.单行或多行文本的垂直居中
父元素高度确定的情况下,
单行文本设置父元素的height和line-height一致即可;
多行文本在使用vertical-align:middle的时候,由于对齐的基线是用行高的基线作为标记,故需要设置line-height或设置display:table-cell;
7.定位垂直水平居中
此法只适用于那些我们已经知道它们的宽度或高度的元素。
定位进行居中的原理是通过把这个定位元素的lef |
|
|