Home Sign Up Sign In
HowardMei

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

  •   
  •   HowardMei · Mar 29, 2012 · 3973 views
    This topic created in 5157 days ago, the information mentioned may be changed or developed.
    谁知道为啥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/
  • CSS
  • 神文
  • vertical
    8 replies  •  1970-01-01 08:00:00 +08:00
    hdlifes
        1
    hdlifes  
       Mar 29, 2012
    可以看看 @sofish 他们的 Alice
    aliceui.com 里的兼容解决方案库
    NemoAlex
        2
    NemoAlex  
       Mar 29, 2012
    这些东西都是老生常谈了
    当你需要用到这些技巧的时候，最好弄清楚自己在做什么，什么方式更贴近 HTML 本身
    HowardMei
        3
    HowardMei  
    OP
       Mar 29, 2012
    @hdlifes 哇，浏览器兼容解决方案，要是早注意到这个就好了。

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

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

    但仔细想想这个需求还是TM的蛮诡异的哦 : ) 你说不是么？
    sinreal
        7
    sinreal  
       Mar 29, 2012 via Android
    mark aliceui
    Sivan
        8
    Sivan  
       Mar 29, 2012
    @vendetta 哎，说白了还是服务行业，伺候客户跟伺候爹似的。他们说好看，就得做，不能说不好看。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5657 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 72ms · UTC 03:37 · PVG 11:37 · LAX 20:37 · JFK 23:37
    ♥ Do have faith in what you're doing.