HTML+CSS基础笔记第二篇

1.满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。定宽即明确指定该元素是多少像素。

2.不定宽度的块状元素有三种方法居中(这三种方法目前使用的都很多):

加入 table 标签,将需要居中的内容放在表格中,再将表格设置为居中显示。

设置 display: inline 方法:与第一种类似,显示类型设为 行内元素,进行不定宽元素的属性设置

设置 position:relative 和 left:50%:利用 相对定位 的方式,将父元素向左偏移 50% ,子元素向右偏移50%,即达到将子元素居中的目的。

3.在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell(设置为表格单元显示),激活 vertical-align 属性

猜你喜欢

转载自www.cnblogs.com/xiaoao/p/9145436.html