float 和 text-algin 的区别

float 跟 text-align 这两个属性看起来有一点相识，都是设置元素左右偏移。但是他们两者的性质是完全不一样的，区别在于，float针对的是容器本身的偏移，而text-align针对的是容器内部的内容进行偏移。

<!-- float: right | 整个容器飘到了右边 -->
<div style="width:100px; height:100px; background:orange; float:right">float</div>

<!-- text-align: right | 容器里面的内容飘到了右边 -->
<div style="width:100px; height:100px; background:orange; text-align: right">text-align</div>

float

float

text-align

text-align

publish: 8/10/2018, 10:42:07 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