如何实现CSS对齐效果
1、对齐块元素。这是最基本的对齐对象,我们常常看到的<h1><div>等元素都是这个块元素的一种。

2、margin 属性来水平对齐。我们可以先使用一个center的类,再通过margin 属性来水平对齐。
.center{margin-left:auto;margin-right:auto;width:70%;background-color:#b0e0e6;}

3、position 属性。有了这样的一个position 属性之后,我们就可以给块元素实现绝对位置的对齐方式。
.right{position:absolute;right:0px;width:30px;background-color:#b0e0e6;}

4、注意事项。我们的CSS对齐代码在IE浏览器中会发生状况,这个时候一定要注意<!DOCTYPE html>的语句的代码呈现。

5、float 属性。这也是一个非常方便的对齐语句,我们使用这个语句也可以达成很多的对齐效果。
.right{float:right;width:30px;background-color:#b0e0e6;}

6、注意事项。不同的浏览器会有网页效果的差异,不同浏览器版本之间也会有差异。我们一定要在代码里面做好!DOCTYPE 声明。

阅读量:57
阅读量:104
阅读量:184
阅读量:123
阅读量:70