被css垂直居中搞得没脾气的可以猛击这里

2012 年 3 月 29 日
 HowardMei
谁知道为啥css里有直接的left,right,top,bottom，就是没有center? 每次遇到都被耍弄得够呛,vertical-align:middle各种不靠谱。

好在今天发现了有两篇总结各种状况的神文在：
6 Methods For Vertical Centering With CSS: http://www.vanseodesign.com/css/vertical-centering/

Vertically Center Multi-Lined Text: http://css-tricks.com/vertically-center-multi-lined-text/
4320 次点击
所在节点    分享发现
8 条回复
hdlifes
2012 年 3 月 29 日
可以看看 @sofish 他们的 Alice
aliceui.com 里的兼容解决方案库
NemoAlex
2012 年 3 月 29 日
这些东西都是老生常谈了
当你需要用到这些技巧的时候，最好弄清楚自己在做什么，什么方式更贴近 HTML 本身
HowardMei
2012 年 3 月 29 日
@hdlifes 哇，浏览器兼容解决方案，要是早注意到这个就好了。

@NemoAlex 貌似很高深的样子。不过既然世界并不完美，也就不要苛责工具太过复杂，有违本意了；tricks & hacks 既然存在且源源不绝，自然有用到它们的地方。虽然机会很少，但又不可或缺，这就是为啥需要备忘啊。
vendetta
2012 年 3 月 29 日
垂直居中其实是个挺诡异的需求。

单行文字用line-height/height 、多行用margin，再复杂的话就上table。
Sivan
2012 年 3 月 29 日
@vendetta 不诡异啊，经常有客户会要求“不管单行还是双行，都让文字垂直居中显示”。
vendetta
2012 年 3 月 29 日
@Sivan 恩，职业一点说，客户的需求都是合理的，没有诡异的。

但仔细想想这个需求还是TM的蛮诡异的哦 : ) 你说不是么？
sinreal
2012 年 3 月 29 日
mark aliceui
Sivan
2012 年 3 月 29 日
@vendetta 哎，说白了还是服务行业，伺候客户跟伺候爹似的。他们说好看，就得做，不能说不好看。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/30845

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX