<div class="content">
<div class="main"></div>
</div>
.content{
height: 300px; width: 100%;
}
.main{
height: 100%; width: 100px;
}
一、方法一 flex
.content{
display: flex;
align-items: center;//垂直居中
justify-content: center;//水平居中
}
<div class="content">
<div class="main"></div>
</div>
.content{
height: 300px; width: 100%;
}
.main{
height: 100%; width: 100px;
}
一、方法一 flex
.content{
display: flex;
align-items: center;//垂直居中
justify-content: center;//水平居中
}
css图片水平居中 css图片垂直居中 css图片水平垂直居中
CSS水平居中、垂直居中、水平垂直居中方法总结 文字的水平居中: 单行文字的垂直居中： 让有宽度的div水平居中：...
前言 设计网页的时候，除了CSS水平居中的需求外，还会经常遇到CSS垂直居中的需求，CSS垂直居中跟CSS水平居中...
CSS display: table-cell 用于水平垂直居中 在 CSS 设置居中时候，水平和垂直居中的设置略...
CSS设置行内元素的水平居中 CSS设置行内元素的垂直居中 CSS设置块级元素的水平居中 CSS设置块级元素的垂直居中
居中有水平居中和垂直居中。 水平居中+垂直居中 flex法 position法 就是计算呗~ 参考 CSS各种居中...
CSS实现盒子模型水平居中、垂直居中、水平垂直居中的多种方法 CSS实现盒子模型水平居中的方法 全局样式 第一种：...
1.块级元素水平居中，水平元素垂直居中 CodePen:CSS块级水平居中 2.块级元素垂直居中 CodePen:...
css页面布局水平垂直居中问题 居中问题
前言 总括：整理 css 垂直水平居中方法，区分内联元素与块级元素 CSS垂直居中和水平居中 用css让一个容器水...
本文标题：css水平垂直居中
本文链接：https://www.haomeiwen.com/subject/kbvymctx.html
网友评论