滑塊中的中心文本div

我試圖將文本div居中定製滑塊中。滑塊中的中心文本div

由於某些原因CSS不起作用。該網站在我的測試服務器上http://bit.ly/ZgawU6

我想將文本'Environmental Concern'組放在頂部滑塊中。類似於這個網站www.sevenly.org

它的工作原理時，我把div改爲position：relative，而不是position：absolute;但我只能用Chrome檢查器進行更改。當我將它添加到CSS文件時，它不起作用。

任何人都可以指出我正確的方向，爲什麼這段代碼不工作？

.custom-slider-caption, .custom-slider-title { 
line-height: 1.3; 
text-align: center; 
position: relative; 
}

div的問題：

<div class="custom-slider-title" style="top: 0px; opacity: 1;"><div style="position: absolute; left:」0″px; top:140px; right:」0″px; bottom:px; font-size: 43px; color:#fff; text-shadow: 4px 4px 1px #497ca0; ">Environmental Concern</div></div>

來源

2013-04-13 MDB

它並不適用於絕對位置，因爲絕對定位元素不是100％寬度。您可以將witdh設置爲100％，或者，清潔劑解決方案將將right值設置爲零。所以你將有left和right職位爲零，寬度將自動爲100％。

div { 
    positon: absolute; 
    top: 140px; 
    left: 0; 
    right: 0; 
}

你甚至不需要指定px如果值QUAL爲零，因爲任何維度％，EM，PX設置爲零或任何都將具有相同的大小。 零爲零。

來源

2013-04-13 09:08:18 pzin

傳奇，感謝詳細的答案！現在正在工作。 – MDB

.custom-slider-caption, .custom-slider-title { 
    width: 100%; 
    line-height: 1.3; 
    text-align: center; 
}

來源

2013-04-13 09:04:11 monkeyinsight

您的代碼應該是這個樣子，如果你想爲中心的股利

#div 
{ 
width:600px; 
margin-left:auto; 
margin-right:auto; 
} 

// NOTE: THE WIDTH CAN BE CHANGED // 

#div p 
{ 
width:300px; 
margin-left:auto; 
margin-right:auto; 
}

來源

2013-04-13 09:07:49 StarkTED

pzin的答案是正確的。使用此選擇：

.custom-slider-title > div { 
    ... 
    left: 0; 
    right: 0;

}

來源

2013-04-13 09:36:19 Timidfriendly

滑塊中的中心文本div

回答

相關問題