Justify 内容对齐项目 - HTML

在HTML中，我们可以使用text-align属性来控制文本的对齐方式，包括左对齐、居中对齐、右对齐以及两端对齐。其中，两端对齐需要使用到justify属性。

1. 居中对齐

对于需要居中对齐的文本，我们可以使用以下代码：

<div style="text-align: center;">
  <p>Hello World</p>
</div>

其中，将包含需要居中对齐的文本的<p>元素所在的<div>元素的text-align属性设置为center即可实现居中对齐。

2. 左对齐和右对齐

对于需要左对齐或右对齐的文本，我们可以通过将text-align属性设置为left或right来实现，例如：

<div style="text-align: left;">
  <p>Hello World</p>
</div>

<div style="text-align: right;">
  <p>Hello World</p>
</div>

3. 两端对齐

两端对齐实际上是指每一行的文本都从左侧和右侧同时对齐，中间留下空隙。在HTML中，我们可以使用text-align属性的justify值来实现。例如：

<div style="text-align: justify;">
  <p>Hello World</p>
</div>

4. 注意事项

需要注意的是，当文本中存在较长的单词时，两端对齐可能会产生不自然的间隔。可以选择使用CSS的hyphens属性将长单词折行，或者人为调整文本。