html部分
<div class="box fit-content">
<img src="mm1.jpg">
<p>display:inline-block居中要靠父元素，而width:fit-content直接margin:auto.</p>
</div>
css部分
.box {
background-color: #f0f3f9;
padding: 10px;
margin: 10px auto 20px; /* 这里左右方向是auto */
overflow: hidden;
}
.fit-content {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
css3 使用width: fit-content + margin：auto实现水平居中 html部分 css部分
水平居中（行内元素水平居中、块级元素水平居中） 垂直居中 水平垂直居中 行内元素水平居中 text-align: ...
本文将介绍的居中方法有 ，水平居中，垂直居中和水平垂直居中。 一水平居中 二水平垂直居中
水平居中 垂直居中 水平垂直居中
CSS水平居中、垂直居中、水平垂直居中方法总结 文字的水平居中: 单行文字的垂直居中： 让有宽度的div水平居中：...
居中 块元素水平居中 行内元素水平居中 模拟表格 实现水平居中display：table ( ) | table-...
1 水平居中 2 垂直居中 3 水平垂直居中
水平居中 行内水平居中 行内水平居中就直接用text-align: center 块级水平居中 直接用margin...
水平居中 垂直居中 垂直水平居中 已知元素的宽高的居中布局 定位居中布局 盒模型居中布局 图片的垂直水平居中(利用...
目录 水平居中内联元素水平居中块级元素水平居中多个块级元素的水平居中 垂直居中内联元素垂直居中单行内联元素多行内联...
本文标题：2018-07-11 水平居中
本文链接：https://www.haomeiwen.com/subject/xbahpftx.html
网友评论