使用Javascript设计样式内容

Question

使用javascript设置样式内容是否有问题？

我的网站需要javascript。我的网站上有这个文字，我希望垂直居中。文本可以是2行或3行长。使用javascript我可以很容易地垂直居中。 CSS垂直居中的方式看起来很复杂，包括IE黑客攻击。

那么，考虑到我已经决定我的网站需要javascript，我使用javascript来设置这个样式是否有缺点？

Answer 1

缺点是，如果你有任何长时间运行的页面，说广告无法加载，等等挂起document.ready事件...你的样式将不会应用，直到文档完成渲染和javascript然后运行。 （注意：这假设您的脚本在就绪事件中触发，通常情况是因为您希望元素在那里）

基本上，如果有任何延迟就绪事件，你会得到一些非样式内容。这是否重要，取决于你，但我个人会尽可能坚持使用CSS。

Answer 2

有时使用JavaScript看似简单的样式是不可避免的;如果我必须在这种情况下使用JavaScript，我只是尽量让它降级，确保尽管没有JavaScript的用户没有从网站获得完整的体验，但他们也不会得到一个坏的

Answer 3

我个人使用display：table-cell和vertical-align：middle。然后在IE8 +和所有其他浏览器中居中，在较旧的浏览器中它不会，但通常情况下垂直对齐的文本对设计来说并不重要。

Answer 4

我认为不存在缺点。如果你说它会更容易，并且考虑到JavaScipt是​​事实上的客户端语言，那就去吧。只要确保它适用于现代浏览器......

一点：CSS本来是用来做这种工作的，但这不是一个规则。你的情况也有例外。