Centrando texto verticalmente III: flexbox

13/Ago/2014 338

No he escrito nada sobre la propiedad flexbox debido a su poco alcance en los browsers pero creo que ya es el momento. Se puede utilizar display: flex desde IE10+ (con prefijo -ms-) y Firefox / Chrome / Opera lo soportan bastante bien.

Por ahora esta propiedad permite la mejor manera de centrar verticalmente cualquier texto sin tener que agregar HTML extra.

Dado el siguiente HTML:

<div class="vertical-centered-text">
  Este texto será centrado verticalmente gracias a display: flex;
</div>

El sencillo CSS:

.vertical-centered-text {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: center;
}

Comentarios

  1. zyrtec otc cost [#]

    allegra d – http://allergyd.com

  2. cetirizine hydrochloride 10mg cost [#]

    nortek – http://allergyd.com

  3. ivermectin 1.87% humans [#]

    Global Low-down About this outcome
    https://stromectolivermect.com ivermectin 12 mg
    https://ivermectinstrom.com ivermectin for humans walmart
    https://ivermectinst.com ivermectin for sale near me walmart
    https://ivermectinstrom.com generic stromectol
    https://ivermectinsts.com ivermectin 6 mg

  4. www.pharmaceptica.com [#]

    tadalafil troche cost https://pharmaceptica.com/

  5. buy isotretinoine [#]

    accutune buy accutane

  6. yeezy boost 350 [#]

    I in addition to my pals have already been looking through the nice things from the blog and immediately I had an awful suspicion I never thanked the site owner for those secrets. The young men happened to be certainly glad to study all of them and now have undoubtedly been loving these things. We appreciate you truly being considerably accommodating as well as for utilizing some fabulous resources most people are really desperate to be aware of. Our own honest apologies for not expressing gratitude to earlier.

  7. off white outlet [#]

    I simply wanted to appreciate you all over again. I’m not certain the things I would’ve used in the absence of the type of tricks revealed by you regarding my subject. Previously it was a real horrifying case in my opinion, but observing a new specialized strategy you managed it forced me to weep with contentment. Now i am happier for this assistance and even wish you really know what a powerful job you are always undertaking teaching others using your web site. I am certain you have never met any of us.

  8. supreme shirt [#]

    I would like to express some thanks to the writer for rescuing me from this type of dilemma. Right after checking through the internet and seeing views that were not beneficial, I believed my life was over. Living minus the solutions to the issues you have sorted out through your main write-up is a serious case, as well as the ones that might have adversely affected my career if I had not come across your web site. That skills and kindness in touching all the details was tremendous. I don’t know what I would have done if I had not encountered such a subject like this. I can also now relish my future. Thanks a lot very much for this impressive and results-oriented help. I won’t be reluctant to endorse your web blog to anyone who requires guide on this area.

  9. modalert200 [#]

    how to get modafinil provigil 100mg

  10. bactrim drug class [#]

    sulfameth trimethoprim 800 160 tb trimoxazole tablets

  11. whatismodafinil [#]

    provigil dosage modafinil otc

  12. how does accutane work [#]

    accutane isotretinoin side effects

  13. prednisoloneonline [#]

    https://prednisoloneacetateophthalmic.com/ methyl prednisolone

  14. ivermectin tablets [#]

    ivermectin for humans for sale https://stromectolforte.com/ stromectol tablet 3 mg ivermectin

  15. provigilvsadderall [#]

    provigil generic buy modalert online

  16. ivermectin [#]

    stromectol without prescription https://stromectolforte.com/# ivermectin buy ivermectin humans us

  17. ventolinhfaer.com [#]

    medical school ranking europe http://ventolinhfaer.com – inhaler coupons for copd

  18. Margo [#]

    Pretty nice post. I just stumbled
    upon your weblog and wanted to mention
    that I have really enjoyed browsing your weblog
    posts. In any case I’ll be subscribing for your feed and I hope
    you write again soon!

  19. curry [#]

    I wanted to make a remark in order to appreciate you for those superb pointers you are writing here. My incredibly long internet investigation has at the end of the day been honored with incredibly good content to go over with my relatives. I would assert that many of us visitors are unequivocally lucky to dwell in a decent site with very many awesome people with beneficial concepts. I feel extremely fortunate to have used the web site and look forward to many more fabulous moments reading here. Thank you once again for a lot of things.

  20. chrome hearts online store [#]

    I definitely wanted to write a small remark to express gratitude to you for some of the fabulous items you are posting on this site. My long internet look up has now been rewarded with really good concept to go over with my friends and family. I would suppose that many of us site visitors actually are definitely fortunate to dwell in a really good place with many perfect individuals with useful basics. I feel truly grateful to have seen your entire website page and look forward to some more entertaining moments reading here. Thanks a lot once more for all the details.

  21. kawhi leonard shoes [#]

    I wanted to compose you a little bit of observation to finally thank you once again about the exceptional concepts you have provided on this site. It is simply shockingly generous of people like you to present easily precisely what numerous people could possibly have distributed for an e book to earn some bucks for themselves, certainly now that you could possibly have done it in case you wanted. The strategies in addition acted to become easy way to be sure that other people have a similar eagerness really like my personal own to realize many more around this issue. I am sure there are a lot more pleasant situations up front for folks who take a look at your website.

  22. supreme shirt [#]

    My wife and i were really fulfilled when Raymond could conclude his investigations through your ideas he had in your site. It’s not at all simplistic to just possibly be giving freely concepts which often other folks may have been selling. And we all recognize we need you to be grateful to for that. The most important illustrations you have made, the simple web site menu, the relationships you can help promote – it’s got mostly impressive, and it’s really helping our son and us imagine that this subject is awesome, which is exceptionally important. Many thanks for all!

  23. ivermectin human dosage [#]

    ivermectin tablets https://stromectolforte.com/# ivermektin 3 mg tablettdos ivermectin for humans

  24. stromectol [#]

    Accustomed Message Far this by-product
    https://stromectolivermect.com stromectol
    https://ivermectstromect.com ivermectin for humans
    https://ivermectinsts.com ivermectin 12 mg
    https://ivermectinst.com ivermectin 3 mg
    https://ivermectstromect.com ivermectin 3 mg

  25. kobe 11 [#]

    I as well as my friends were found to be analyzing the best things located on your web blog while before long came up with an awful suspicion I never thanked the website owner for those strategies. The men had been so passionate to learn all of them and have in effect really been enjoying these things. Appreciation for turning out to be indeed considerate and for getting such amazing ideas millions of individuals are really desirous to understand about. Our honest apologies for not saying thanks to sooner.

  26. kd shoes [#]

    I definitely wanted to compose a brief comment so as to thank you for some of the precious items you are giving on this website. My long internet search has at the end been paid with professional know-how to talk about with my family and friends. I ‘d say that many of us site visitors are very fortunate to be in a really good site with so many marvellous individuals with helpful advice. I feel extremely blessed to have encountered your entire web site and look forward to so many more pleasurable moments reading here. Thank you once more for everything.

  27. supreme clothing [#]

    I would like to express my passion for your kindness for people that absolutely need help with the subject matter. Your real dedication to getting the message along had been exceedingly helpful and has constantly helped guys like me to achieve their desired goals. Your new informative help and advice entails a lot to me and especially to my office colleagues. Best wishes; from all of us.

  28. supreme clothing [#]

    Needed to create you the very little word in order to say thank you once again with the stunning views you’ve shared on this website. It has been simply tremendously generous with you to grant openly all that a lot of folks could have sold as an ebook to end up making some profit for themselves, most notably now that you could have done it in the event you wanted. The principles likewise worked as a great way to fully grasp that other individuals have a similar eagerness much like my own to know the truth a lot more with regard to this issue. I am sure there are many more enjoyable moments ahead for individuals that look over your site.

  29. kyrie 6 shoes [#]

    I actually wanted to write a quick message in order to say thanks to you for all of the fabulous hints you are placing here. My particularly long internet search has finally been honored with good facts and techniques to share with my two friends. I would tell you that many of us site visitors are undoubtedly fortunate to exist in a fabulous community with so many special individuals with helpful tips. I feel really fortunate to have used the web site and look forward to plenty of more cool minutes reading here. Thanks again for all the details.

  30. supreme outlet [#]

    I am glad for writing to let you understand what a remarkable encounter my friend’s daughter encountered browsing your blog. She figured out numerous details, most notably what it’s like to have a great teaching spirit to get other individuals really easily grasp certain specialized matters. You actually surpassed her expected results. Many thanks for coming up with the interesting, dependable, explanatory not to mention unique guidance on your topic to Sandra.

CSSLab