Html 为什么不'；t文本对齐div中的文本？

对齐

div

中的文本通过

text align

完成。它通常工作正常：

这是右边的

由于您在此处使用的是

display:flex

，

text align

无法工作。改变

div {
 justify-content: space-around;
}

到

---

Edit:as@Jacob Gray注意，在

div

元素上添加

display:flex

不是一个好主意。最好从

div

中删除此属性，并在需要时使用

text align

，因为此处使用的是

display:flex

，

text align

无法使用。改变

div {
 justify-content: space-around;
}

到

---

Edit:as@Jacob Gray注意，在

div

元素上添加

display:flex

不是一个好主意。如果Flex容器的相关值未设置为

stretch

且Flex项的

Flex grow

未设置为

1，则最好从
div中删除此属性，并在需要时使用
text align
text align
没有效果。（当然，还有
弹性基础
和
宽度
因素，这里不讨论。）

还请注意，直接包含在flex容器中的文本会自动包装在匿名flex项中

您可以通过在flex容器上设置此选项来解决此问题：

div.start_display {
  display: flex;
  justify-content: flex-end;
}

或者，如果不需要flex，则将其重置为默认块：

div.start_display {
  display: block;
  text-align: right;
}

或者，将其包装到另一个标记中，比如说一个
：

您可能需要增加选择器上的特异性级别，因为屏幕截图上不清楚。
如果Flex容器的相关值未设置为
stretch
，并且Flex项目的
Flex grow
未设置为
1
，则Flex项目会缩小以适应内容的宽度或高度。这意味着框的大小就是内容的大小，因此
text align
没有效果。（当然，还有
弹性基础
和
宽度
因素，这里不讨论。）

还请注意，直接包含在flex容器中的文本会自动包装在匿名flex项中

您可以通过在flex容器上设置此选项来解决此问题：

div.start_display {
  display: flex;
  justify-content: flex-end;
}

或者，如果不需要flex，则将其重置为默认块：

div.start_display {
  display: block;
  text-align: right;
}

或者，将其包装到另一个标记中，比如说一个
：

您可能需要增加选择器的特异性级别，因为屏幕截图上不清楚。
我认为这里的问题更多的是OP在flex页面上显示每个
div
。对！这绝对是个问题！：）@雅各布·格雷：整个页面完全由“砖块”（几层深）组成，它们通过
flex
保持在一起。这就是我将
flex
作为默认显示的原因。@WoJ我仍然建议使用更具体的选择器。我认为这里的问题更多的是OP在flex页面上显示每个
div
。对！这绝对是个问题！：）@雅各布·格雷：整个页面完全由“砖块”（几层深）组成，它们通过
flex
保持在一起。这就是我将
flex
作为默认显示的原因。@WoJ我仍然建议使用更具体的选择器。请添加您的代码，而不是添加images@DreamHunter当前位置不确定您是否在问题的最下面看到了我的注释（我将其放在上面，以期待此类正当的请求）。我总是放一个最小的代码来重现问题-在这里（正如您可以从多个
.scss
文件中想象的那样），问题发生的地方隐藏在大量生成的HTML中。可能重复：请添加您的代码，而不是添加images@DreamHunter当前位置不确定你是否看到我在问题最下面的便条（我把它放在这里，期待着这些合理的请求）。我总是放一个最小的代码来重现这个问题-在这里（正如你可以从多个
.scss
文件中想象的那样），问题发生的地方隐藏在大量生成的HTML中。可能的重复：