Page 221 - css揭秘
P. 221

1①
                                              本也实现居中 (参见图 7-22):
                                                  main {
                                                      display: flex;
                                                      align-items: center;
                                                      justify-content: center;
                                                      width: 18em;
                    图 7-22                            height: 10em;
                                                  }
                    用 Flexbox 还可以把匿名的文本
                    框居中
                                               试一试 play.csssecrets.io/vertical-centering




                                                   „ CSS 变形                                        相关规范
                                                  http://w3.org/TR/css-transforms
                                                   „ CSS 值与单位
                                                  http://w3.org/TR/css-values

                                                   „ CSS 伸缩盒布局模型
                                                  http://w3.org/TR/css-flexbox

                                                   „ CSS 盒对齐模型
                                                  http://w3.org/TR/css-align




































                                              ①  我们可以对 <body> 使用相同的属性来使 <main> 元素居中,但 margin:  auto 方法要更加优
                                                雅一些,并且同时起到了回退的作用。



                  190   第 7 章 结构与布局







          ඀ࠡ  JOEC
   216   217   218   219   220   221   222   223   224   225   226