css两端对齐并且第二行对齐

问题：如何对齐文本的两端以及如何对齐第二行文本？答案：可以使用 text-align: justify 对齐文本的两端。可以使用 text-indent 对齐第二行文本。

如何在 CSS 中两端对齐，并对齐第二行

问题：如何在 CSS 中对齐文本的两端？以及如何对齐第二行文本？

答案：

对齐文本的两端

立即学习“前端免费学习笔记（深入）”；

使用 text-align: justify 属性可以对齐文本的两端。这将使文本以块状排列，两端与容器的两侧对齐。

text-align: justify;

对齐第二行

要对齐第二行文本，可以使用 text-indent 属性。这将为第二行和后续行添加缩进，使它们从第一行向后偏移。

text-align: justify;
text-indent: 1em;

在这个示例中，1em 表示一个缩进，等于文本字体大小。根据需要调整缩进值以获得所需的对齐。

示例

以下 CSS 将对齐文本的两端，并将第二行缩进一个字符：

p {
  text-align: justify;
  text-indent: 1ch;
}

注意：

• text-align: justify 在 IE6 和 IE7 中不受支持。
• 对齐两端的文本不适合较短的文本块，因为它会产生不美观的空白空隙。
• 如果第二行文本以缩进开始（例如项目符号列表），则 text-indent 可能会导致奇怪的对齐。