使用display:flex水平居中和垂直居中

帆 2024-08-05 0 阅读 0 评论
  <div class="ssmic">
  <div class="czjz">
  <form action="{pboot:scaction}"  method="get" >
  <input type="text" name="keyword" >
  <button type="submit">搜索</button>
  </form>
  </div>
  </div>
  .ssmic {
  width: 1200px;
  height: 1000px;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  }

  在这里实现垂直居中必须要给一个高度

本文来源:重庆seo博客

本文地址:https://focusonseo.cn/css/66.html

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。

相关文章