float 如何设置剧居中浮动

float 只有两个属性值 left 左浮动、right 右浮动，这个属性是不提供中间浮动的，那么如何才能设置中间浮动，也就是让容器往正中间偏移，这个效果可以使用 margin 替代实现。

<div style="width:200px; height:102px; border:1px solid black; text-align: right">

 <!-- margin: 0 auto; -->
 <!-- 参数一代表 上下方位、边距 0 -->
 <!-- 参数二代表 左右方位、自动偏移 -->
 <div style="width:100px; height:100px; background: orange; margin:0 auto;"></div>

</div>

显示效果

publish: 8/10/2018, 10:42:35 AM / by: jmjc.tech

CSS3 教程 CSS3 入门 CSS3 选择器 CSS3 颜色 CSS3 单位 CSS3 字体 CSS3 文本 CSS3 光标 CSS3 盒子模型 CSS3 边框 CSS3 边距 CSS3 列表 CSS3 表格 CSS3 背景 CSS3 效果 CSS3 浮动 CSS3 定位 CSS3 响应式 CSS3 Columns CSS3 Flex