2015-02-11 65 views
0

簡單的問題,我如何定位一個帶有整個頁面參考的項目?帶頁面參考的CSS定位

在我的情況下,我在我的標題中獲得了一個浮動圖像,然後是2套標題。當我使用時:

text-align: center; 

它使用圖像的寬度結束和頁面的其餘部分的位置本身。如何使用頁面中心參考對齊它?

看一看(對不起< 10聲望):http://imgur.com/KSJq33q

在這裏,像所有的環節:員工,應用程序..是中心的定位與整個頁面。但NCAPP沒有。

提前致謝。

+2

除非出現被絕對定位,它將受到它佔據寬度的元素的影響。如果您在演示中提供了HTML和CSS,我們可能會進一步提供幫助 – 2015-02-11 14:45:03

+0

爲了從Paulie_D上捎帶回來,在偶然檢查中,似乎NCAPP正受到AIPS元素的影響。要解決這個問題,請使用類似於'position:absolute'的方式從頁面流中移除AIPS元素,並且NCAPP元素應該拉伸至100%寬度。 – SRing 2015-02-11 16:37:44

回答

-1

,將其調整到頁面你需要絕對定位它,那麼它將會相對於最近相對定位元素位置本身

居中,你可以使用這個CSS

.centered-div { 
position:absolute; 
top:0; 
right:0; 
bottom:0; 
left:0; 
} 
+0

這不是OP所要求的。您的代碼將導致孩子完全覆蓋相對定位的元素。 – 2015-02-11 15:26:12

+0

如果子對象具有寬度和高度設置,在這種情況下,它將居中,但僅覆蓋它自己的寬度和高度。 afaik這是定位可以完成的唯一方法 – RexT 2015-02-11 16:55:19

+0

正確,但上面的代碼沒有設置任何高度和寬度。你可以試試這個 - http://codepen.io/Paulie-D/pen/RNxypP – 2015-02-11 16:58:08