一个 flex 的绝对居中的例子 HTML/CSS

axiuno 9月前 687


html, body {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #F7F8FB;
  height: 100%;
  -webkit-font-smoothing: antialiased; }
body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
.message {
  text-align: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 20px;
  max-width: 450px; }


最新回复 (3)
  • 天空SKY_317 9月前
    引用 2
    官网QQ登陆无法返回???
  • ccc 8月前
    引用 3

    但看起来也不像绝对居中啊……
    而且flex在safari还有兼容问题

返回
发新帖