css position:absolute 水平垂直居中对齐

在网站开发中,有时候会设置html元素相对屏幕居中(水平和垂直都要居中),这个时候可以使用position:absolute定位,并设置left和top都为50%, 但这样做不能真正使元素水平和垂直都要居中。需要例外

此实例将div元素相对屏幕居中,css代码如下:

.class{
 position: absolute;
 left: 50%;
 width: 980px;
 margin-left: -490px;
 text-algin:center
}
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

针对IE6/IE7下绝对定位position:absolute和margin的冲突问题,一般可以采取以下三种解决方式:
在CSS中,相对定位和绝对定位是指定位元素在页面中位置的两种常见方法。
本文章通过实例向大家讲解position:fixed 实现html元素固定于某位置。实例中div将固定于网页右下角,主要使用到css position:fixed 属性,需要的码农可以参考一下。
对于不熟悉CSS的朋友来说,要掌握css position的absolute 绝对定位和relative相对定位是一个非常难的事,就算有一定css基础的朋友也不一定能完全掌握css中的absolute和relative的使用方法。本文章通过实例向大家讲解绝对定位和相对定位的使用方法和技巧。需要
网页制作学习教程:CSS Position.
百分比值同关键字很接近,但其操作方式不一样。用百分比值来居中一幅背景图像,也很简单: body { background-image;url(beijing.gif); background-repeat:no-repeat; background-position:50% 50%; } 这使得背景图像