2015-09-05 277 views
-4

我有這個問題,我試圖將居中div與幾個跨越不同長度的交替文本。中心對齊跨度Div

我已經嘗試了所有我能找到的東西,但問題仍然存在。請,任何人都可以看看我的CSS我的做錯了什麼? 繼承人鏈接到網站:www.ultimatexp.com,我需要中心對齊不斷變化的標題:我們是獨家,我們是令人興奮的,我們是有效的,我們是藝人亞洲。

謝謝!

+1

問題尋求代碼幫助必須包括必要的最短的代碼重現它**在這個問題本身**。儘管您已經提供了一個示例鏈接,但如果鏈接無效,那麼您的問題對於其他未來具有相同問題的SO用戶將沒有任何價值。 –

+0

只需使用display:block然後width:100%in .slidingHorizo​​ntal span {},問題就會解決。 –

+0

我以前曾經問過代碼問題,但沒有得到任何相關答案。我想也許這與其他代碼衝突我不知道 – Sumaiya

回答

0

在您的跨度樣式中使用width :100%;display:block。或可嘗試設置包含跨父div的text-align屬性爲text-align:center

+0

以及你知道你不能設置跨度的寬度,直到跨度顯示塊元素,所以要提及的是...和寬度:100%將不會解決問題.. –

+0

以及我明白,我不應該把跨度作爲100%寬度的塊元素,它消除了使用跨度的目的,但它解決了這個問題。我原來的文本對齊的父div特性應該設置爲中心 – harshitpthk

+0

以及您的答案是一半..你還應該提到,使用顯示:塊,所以跨度將獲得寬度,然後它將工作.. –

0

而不是display:block我們display:inline-block跨度,再加入text-align:center