css 怎么样水平垂直居中一个元素？

219mze

水平垂直居中在 Web 上的运用能够说是随处可见，例如一个 Icon 图标在其容器中水平垂直居中，一个标题在导航栏中水平垂直居中。 CSS 中能够实现水平垂直居中的技术方法亦有非常多种，最少不会少于十种区别的技术方法。不外，这儿咱们主讲 Flexbox 怎样实现水平垂直居中。

首要，水平垂直居中平常的两效果有两种，单行（或单列）水平垂直居中和多行（或多列）水平垂直居中。它对应的 HTML 结构可能会像下面这般：

<!-- 单行（或单列）水平垂直居中 --> <div class="container container--single"> <img src="avatar.png" alt="必须在容器中水平垂直居中" /> </div> <!-- 多行（或多列）水平垂直居中 --> <div class="container container--multiple"> <imag src="avatar" alt="咱们要水平垂直居中" /> <h3>大漠

quintin

楼主听话，多发外链好处多，快到碗里来！外链论坛 http://www.fok120.com/

星☆雨

期待你更多的精彩评论，一起交流学习。

情迷布拉格

seo常来的论坛，希望我的网站快点收录。

情迷布拉格

楼主的文章深得我心，表示由衷的感谢！

wrjc1hod

交流如星光璀璨，点亮思想夜空。