使用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 +和所有其他浏览器中居中，而旧版本则不会，但通常情况下垂直对齐的文本对于设计来说并不重要。