讓內容垂直居中在節

-2

對不起，如果在這篇初始文章中沒有足夠的細節，我的web開發技能相對有限，所以我正在與web開發人員合作，如果您需要任何額外的信息，應該不是一個問題得到它，任何援助將不勝感激。讓內容垂直居中在節

我們的網站正在使用部分而不是頁面，而我們遇到的問題是讓內容在每個部分垂直居中。很顯然，這必須根據用戶的分辨率動態調整： http://demo.ekarsh.com/crimsonnight/assets/js/KamiDrop_v1.8/index.html。該網站使用HTML5和Javascript的組合構建。

再次，任何意見，將不勝感激，因爲該網站是不是真的可用，直到這已被修復！謝謝:)

來源

2015-07-20 Crimson Night

我們需要看到一些代碼，理想情況下是一個像codepen或jsfiddle這樣的工作示例。這可以幫助其他用戶回答您的問題。沒有任何代碼，很難提供幫助。 – Doidgey

什麼必須與什麼有關？我可以看到現狀，但不知道它應該是什麼樣子。此外，問題必須包括重現問題所需的最短代碼。作爲附註：白色文本不可讀，不必追逐鏈接。 – zeroflagL

嘿，夥計們，感謝您的評論，對不起，這是我的第一篇文章！每個部分應該捕捉到用戶的屏幕，每個部分的內容應該在該部分的中心。目前每個部分的內容都處於水平中心，而不是垂直，而是靠近頂部。我已經發布了下面評論中使用的代碼，謝謝:) –

沒有任何代碼，很難幫助，但我會在像看一看：http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

你可能會有一些其他的問題，當含量比瀏覽器尺寸，但與一些媒體查詢高，可能還有一些JavaScript，這也可以解決。

祝你好運！

來源

2015-07-20 09:34:16

嘿，在那裏，非常感謝您的建議，我正在與之合作的開發人員已經嘗試實施它，並說以下內容：我有這種類型的結構。 '<節ID =「about1」類=「面板概述」數據區段名稱=「約」>

..................

' 的截面高度是相同的屏幕高度 - 如屏幕分辨率改變它的變化。 –

建議我已經應用了以下css，但該部分更深入到底部，並且如果我嘗試減少'top'屬性，那麼它不是在所有分辨率的中間垂直。你能提出一個解決辦法嗎？ '.aboutsectionbackground { position：relative！important; top：50％; transform：translateY（-50％）！important; -webkit-transform：translateY（-50％）; -ms-transform：translateY（-50％）; }' –

@CrimsonNight你可以發送一個鏈接到實現的地方嗎？ –

讓內容垂直居中在節

回答

相關問題