css两端对齐并且第二行对齐-青狐资源网

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

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

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

答案：

对齐文本的两端

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

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

text-align: justify;

登录后复制

对齐第二行

要对齐第二行文本，可以使用 text-indent 属性。这将为第二行和后续行添加缩进，使它搭建项目系统点我wcqh.cn们从第一行向后偏移。

text-align: justify;

text-indent: 1em;

登录后复制

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

示例

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

p {

text-align: justify;

text-indent: 1ch;

}

登录后复制

注意：

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

以上就是css两端对齐并且第二行对齐的详细内容，更多请关注青狐资源网其它相关文章！

1.如需技术支持联系QQ：1339833655 2. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 3. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！ 4. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！ 5. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 6. 如有链接无法下载、失效或广告，请联系管理员处理！ 7. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！ 8. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员！

THE END