簡單的問題,我如何定位一個帶有整個頁面參考的項目?帶頁面參考的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