Question

html中float,left,text-align,align怎么用？

Answer 1

float，text-align是css样式。
1.float
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。
实例：
把图像向右浮动：

img
{
float:right;
}
2.left
left是属性值，float:left, text-align:left align:left 都是不同的

3.text-align
text-align 属性规定元素中的文本的水平对齐方式。

该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。
实例

设置 h1、h2、h3 元素的文本对齐方式：

h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
4.align
align 属性规定 元素中的内容的水平对齐方式。
实例

下面的 HTML 表格将 tbody 元素中的内容向右对齐：

<table border="1" width="100%">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody align="right">
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>

Answer 2

Vue实践-CSS样式position/display/float属性对比使用