css设置对齐的方法

这篇文章将为大家详细讲解有关css设置对齐的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联公司-专业网站定制、快速模板网站建设、高性价比靖江网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式靖江网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖靖江地区。费用合理售后完善,10年实体公司更值得信赖。

什么是css

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

设置方法:1、使用“margin:0px auto”语句设置水平对齐;2、使用position属性,配合top、bottom、left和right属性设置左或右对齐;3、使用“float:right|left”语句设置左或右对齐。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

1、使用 margin 属性来水平对齐

可通过将左边距和右边距设置为“auto”来对齐元素。但前提是必须声明!DOCTYPE,否则在IE8是无效的。这样就可以居中元素了,例如:




 
document 



css设置对齐的方法

提示:如果宽度是 100%,则对齐没有效果。

2、使用 position 属性进行左和右对齐

使用这种方法在兼容性这一块无疑是最好的方法了,但当使用 position 属性时,请始终设置 !DOCTYPE 声明,在IE8 以及更早的版本存在一个问题。如果容器元素(在我们的案例中是

)设置了指定的宽度,并且省略了 !DOCTYPE 声明,那么 IE8 以及更早的版本会在右侧增加 17px 的外边距。例如:




 
document 




    

3、使用 float 属性来进行左和右对齐

当使用 float 属性时,IE8 以及更早的版本存在一个问题。如果省略 !DOCTYPE 声明,那么 IE8 以及更早的版本会在右侧增加 17px 的外边距。这似乎是为滚动条预留的空间。当使用 float 属性时,请始终设置 !DOCTYPE 声明:例如:




 
document 




    

css设置对齐的方法

关于“css设置对齐的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


文章名称:css设置对齐的方法
文章路径:http://scyanting.com/article/ijcieh.html

其他资讯