美文网首页
css布局--垂直水平居中

css布局--垂直水平居中

作者: 怪兽别跑biubiubi | 来源:发表于2018-03-23 15:02 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>垂直水平居中</title>
  <style>
    .box {
      height: 200px;
      display: flex;
      /* display: grid;   网格居中 */
      align-items: center;
      justify-content: center;
    }
  </style>
</head>
<body>
  <div class="box">
    <div class="demo">哈哈哈哈</div>
  </div>
</body>
</html>

相关文章

  • 页面布局居中问题

    css页面布局水平垂直居中问题 居中问题

  • CSS水平居中布局、垂直居中布局、垂直水平居中布局

    本章将介绍父子元素宽高不定的CSS水平居中布局、垂直居中布局、垂直水平居中布局。学习如何写出布局不是内容关键,解决...

  • CSS图片居中(水平居中和垂直居中)

    css图片水平居中 css图片垂直居中 css图片水平垂直居中

  • 居中布局

    水平居中 垂直居中 垂直水平居中 已知元素的宽高的居中布局 定位居中布局 盒模型居中布局 图片的垂直水平居中(利用...

  • 无标题文章

    css左右布局 两个块级元素实行左右布局. 左中右布局 水平居中 块级元素水平居中 内联元素居中 垂直居中 行内元...

  • CSS常用布局实现

    该系列用于整理记录常用的CSS布局实现。 CSS常用布局实现01-水平居中 CSS常用布局实现02-垂直居中 CS...

  • CSS布局

    1、左右布局 2、左中右布局 3、水平居中 4、垂直居中 更多居中方式参考:https://css-tricks....

  • CSS 常见问题总结(1)

    垂直水平居中 垂直水平居中,在css布局中,也算是老生常谈的问题了,这里做下整理总结。具体的布局,也还是要看实际需...

  • CSS布局与定位入门

    声明:本文为转载如何使用CSS做出: 左右布局 左中右布局 水平居中 垂直居中 等其他小技巧 一、水平居中 1.m...

  • web前端教程:CSS 布局十八般武艺都在这里了

    CSS布局 布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中、垂直居中方法,以及单...

网友评论

      本文标题:css布局--垂直水平居中

      本文链接:https://www.haomeiwen.com/subject/rilxcftx.html