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

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

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

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

相关文档推荐

本文章通过实例向大家讲解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%; } 这使得背景图像
网页制作Webjx文章简介:要想控制好层的绝对定位,只要理解CSS中关于定位(position)的定义,一切就会变得轻松简单。 使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器