使用Javascript進行造型內容

Question

使用JavaScript進行造型內容有問題嗎？

我的網站需要JavaScript。我的網站上有這樣的文字，我想要垂直居中。文本可以是2行或3行。用JavaScript我可以很容易地垂直居中。垂直居中的CSS方式似乎很複雜，包括IE黑客。

那麼，是否有一個使用JavaScript的這種造型的缺點，考慮到我已經決定，我的網站將需要JavaScript？

Answer 1

缺點是，如果您有任何長時間運行的頁面，說一個廣告無法加載，等懸掛document.ready事件...您的樣式將不會應用，直到文檔完成呈現和JavaScript，然後跑了。 （注：這是假設在準備好事件腳本火災，通常的情況下，因爲你想要的元素在那裏）

基本上你會得到的非風格的內容是Flash的任何東西的情況下推遲準備好的事件。無論這是重要的，取決於你，但個人而言，我會盡可能地堅持CSS。

Answer 2

我不認爲有一個缺點。如果你說它會更容易一些，並且考慮到JavaScipt是​​事實上的客戶端語言，那就去做吧。只要確保它可以在現代瀏覽器上工作...

只是一點：CSS是用來做這種工作，但它不是一個規則。你的情況也有例外。

Answer 3

有時使用JavaScript來看似簡單的樣式是不可避免的;如果我必須在這種情況下使用JavaScript，我會盡可能使其降級，以確保沒有JavaScript的用戶無法從網站獲得完整的體驗，但他們也不會遇到任何不好的情況。

Answer 4

我個人使用display：table-cell和vertical-align：middle。然後在IE8 +和所有其他瀏覽器中居中，而舊版本則不會，但通常情況下垂直對齊的文本對於設計來說並不重要。