简单的问题,我如何定位一个带有整个页面参考的项目?带页面参考的CSS定位
在我的情况下,我在我的标题中获得了一个浮动图像,然后是2套标题。当我使用时:
text-align: center;
它使用图像的宽度结束和页面的其余部分的位置本身。如何使用页面中心参考对齐它?
看一看(对不起< 10声望):http://imgur.com/KSJq33q
在这里,像所有的环节:员工,应用程序..是中心的定位与整个页面。但NCAPP没有。
提前致谢。
简单的问题,我如何定位一个带有整个页面参考的项目?带页面参考的CSS定位
在我的情况下,我在我的标题中获得了一个浮动图像,然后是2套标题。当我使用时:
text-align: center;
它使用图像的宽度结束和页面的其余部分的位置本身。如何使用页面中心参考对齐它?
看一看(对不起< 10声望):http://imgur.com/KSJq33q
在这里,像所有的环节:员工,应用程序..是中心的定位与整个页面。但NCAPP没有。
提前致谢。
,将其调整到页面你需要绝对定位它,那么它将会相对于最近相对定位元素位置本身
居中,你可以使用这个CSS
.centered-div {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}
这不是OP所要求的。您的代码将导致孩子完全覆盖相对定位的元素。 – 2015-02-11 15:26:12
如果子对象具有宽度和高度设置,在这种情况下,它将居中,但仅覆盖它自己的宽度和高度。 afaik这是定位可以完成的唯一方法 – RexT 2015-02-11 16:55:19
正确,但上面的代码没有设置任何高度和宽度。你可以试试这个 - http://codepen.io/Paulie-D/pen/RNxypP – 2015-02-11 16:58:08
除非出现被绝对定位,它将受到它占据宽度的元素的影响。如果您在演示中提供了HTML和CSS,我们可能会进一步提供帮助 – 2015-02-11 14:45:03
为了从Paulie_D上捎带回来,在偶然检查中,似乎NCAPP正受到AIPS元素的影响。要解决这个问题,请使用类似于'position:absolute'的方式从页面流中移除AIPS元素,并且NCAPP元素应该拉伸至100%宽度。 – SRing 2015-02-11 16:37:44