欢迎您访问我爱IT技术网,今天小编为你分享的电脑教程是通过网络精心收集筛选的最优节选:“AP DIV元素(绝对定位)如何水平居中网页”,请注意:文中所谈及的内容不代表本站的真正观点,也请不要相信各种联系方式。下面是关于网络上AP DIV元素(绝对定位)如何水平居中网页的整理详细信息
详细操作
新建AP DIV层,作为父级,设置代码为position:absolute;left:50%;top:0px;width:200px;height:100%;z-index:1;其中,宽度width:200px可以是任意值,最主要是left:50%一定要有,才能使其左边框居中。

在上面的父级层里新建子级层,假设你想设计网页宽度为980px,那么以下子级层只要设置left:-490px;width:980px;则子级的左边框向左出去一半而被父级的左边框均分,这样,分辨率变化也不影响它居中,而父级,不放内容即可,如果怕它影响,可将其宽度设为0。

下一层同理,而顶部边距则可以根据自己的需要调节其垂直位置,只要父级的height为100%(其实任意值都可以),那么子级可以在任意垂直位置。例如第一个height:60px;top:0px,那么第二个则top:60px,即可。往下层同理。注意:实现这个方法的前提是所有的层都是position:absolute;这个值。
用户类似问题:
问题1:一个绝对定位的div,如何做到本身水平居中?
绝对定位的话又何谈得上居中啊,居中本来就是相对的,因为分辨率不同,在各个屏幕上显示都有可能不一样。 >>详细
问题2:绝对定位的DIV如何居中
先把外层的相对定位的大div用margin:0px auto;居中,然后这个绝对定位的用left多少像素(或百分比)或者top多少像素(或百分比)来定位。 >>详细
问题3:css怎么让绝对定位的DIV水平垂直居中?
水平居中 left:50%; margin-left:-div宽度的50% 垂直居中 top:50%; margin-top:-div高度的50% (高度不定的话就不了解了) >>详细
问题4:怎么用css代码实现子元素在父元素水平居中,比如p...
水平居中有两种情况: 子元素,父级元素都是块级元素的时候,子级元素{margin:0 auto}。需要注意的是当子级元素的position为非默认及relative时,这种设置会失效。 如p等标签中内的文字内容水平居中:使用{text-Align:center}。垂直居中设置该元... >>详细
问题5:DW中,如何让一个DIV元素相对或绝对居中对齐?(用...
margin:0 auto; 这样就可以了。 >>详细
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
