如何让代码文本换行后保持同一缩进位置对齐？

针对你提到的窗口缩放时，让换行后的bg-center对齐到<div className="----"正下方的需求，分两种场景给出解决方案：

场景1：代码块/编辑器内的代码对齐 #

• 使用代码格式化工具（如Prettier），设置统一的缩进空格数（推荐2或4），格式化后换行的代码会自动对齐到对应层级，确保bg-center和前面的代码结构对齐。
• 在Markdown或网页中展示代码时，用代码块（```）包裹代码，渲染时会保留原始缩进结构。

场景2：网页前端文本排版 #

通过CSS悬挂缩进实现，核心是利用text-indent和padding-left配合：

.target-element {
  padding-left: 2em; /* 控制后续行的缩进位置 */
  text-indent: -2em; /* 让首行向左偏移对应距离 */
}

这样设置后，首行文本会向左偏移2em，窗口缩放导致文本换行时，后续行都会对齐到padding-left的位置，正好实现你要的对齐效果。

内容的提问来源于stack exchange，提问作者acys