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

2012-03-29 13:13:36 +08:00
 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/
3443 次点击
所在节点    分享发现
8 条回复
hdlifes
2012-03-29 13:18:03 +08:00
可以看看 @sofish 他们的 Alice
aliceui.com 里的兼容解决方案库
NemoAlex
2012-03-29 13:26:07 +08:00
这些东西都是老生常谈了
当你需要用到这些技巧的时候,最好弄清楚自己在做什么,什么方式更贴近 HTML 本身
HowardMei
2012-03-29 14:06:12 +08:00
@hdlifes 哇,浏览器兼容解决方案,要是早注意到这个就好了。

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

单行文字用line-height/height 、多行用margin,再复杂的话就上table。
Sivan
2012-03-29 16:11:41 +08:00
@vendetta 不诡异啊,经常有客户会要求“不管单行还是双行,都让文字垂直居中显示”。
vendetta
2012-03-29 16:58:59 +08:00
@Sivan 恩,职业一点说,客户的需求都是合理的,没有诡异的。

但仔细想想这个需求还是TM的蛮诡异的哦 : ) 你说不是么?
sinreal
2012-03-29 17:34:34 +08:00
mark aliceui
Sivan
2012-03-29 18:07:38 +08:00
@vendetta 哎,说白了还是服务行业,伺候客户跟伺候爹似的。他们说好看,就得做,不能说不好看。

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

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

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

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

© 2021 V2EX