Centrando verticalmente IV: CSS Grid

18/Dic/2017 674

Con CSS Grids a la vuelta de la esquina en cuanto a soporte cross-browser, podemos ya considerarlo para centrar horizontal y verticalmente. De todos los artículos escritos anteriormente esta es lejos la manera más simple y fácil de lograr centrar un elemento respecto de su contenedor.

HTML:

<div class="container">
  <p class="centered">Centrado con CSS Grid</p>
</div>
.container {
  height: 100%;
  display: grid;
}
.centered {
  margin: auto;
}

Comentarios

  1. jordan shoes [#]

    I wanted to compose you one very little word to help give thanks once again on the splendid suggestions you have shared in this case. It is simply strangely open-handed of you to provide without restraint exactly what a number of us could possibly have distributed as an electronic book to get some money for themselves, most notably since you might well have done it in the event you wanted. These advice also served as a easy way to know that other people online have the identical keenness like mine to understand a lot more in respect of this problem. I’m certain there are millions of more pleasant moments in the future for individuals who scan your website.

  2. 카지노사이트 [#]

    the example of the site that we should imitate you will find here what you are waiting for so do not be doubted as you try to let you trust me
    Actually why you’re still having a hard time if everyone has a way but if the strategy is what you are waiting for on my blog and making it easy for you to trust
    being a blessing is a blessing to a person but not all of you are wise to bless yeah well you do not have any strategy in life that your intellect is so I want you to talk to my site and teach you the right person
    카지노사이트

  3. 메리트카지노 [#]

    birthday is my baby girl who is so nice to give me baby girl 3 years old that she wants to be happy with her birthday helped me if it’s a good gift xa him comment my blog come visit
    everything is a cause so you do not give up on all the trials because it will not give you a god if you can not be so confident to the height and you will not neglect it
    learning is important because it will bring you good life so you do not have time to spend because it is so important that while you are just learning how to teach and I’ll teach you the right approach you have at my site
    메리트카지노

  4. stromectolforte.com [#]

    ivermectin 1 krГ©m generickГЅ https://stromectolforte.com/# comprimidos de ivermectina reino unido ivermectin 1 cream 45gm

  5. accutane [#]

    side effects of accutane what is accutane

  6. modafinilotc [#]

    https://modafinilok.com/ provigil generic

CSSLab