卡住。我如何居中并置于这三个文本？

Question

试图离开，中间，右侧3片？试图使用CSS，我卡住了。

谢谢。

Answer 1

您可以使用Flex并将其设置为合理的空间之间

#text-container {
  display: flex;
  justify-content: space-between; 

}

<div id="text-container">
  <p>Left</p>
  <p>Middle</p>
  <p>Right</p>
</div>

Answer 2

您可以使用Flex属性来解决此问题。您将拥有一个父母Div，其中包含所有三个孩子的物品。根据您的HTML代码中项目的位置，内容将证明其相应的方面是合理的。因此，如果它是第一个，则将是合理的。如果是第二个，它将是合理的。如果是第三个，它将是合理的。这是您将如何做的；

#bar {
  display: flex;
}

#bar>* {
  flex: 1;
  display: flex;
}

#bar> :nth-child(1) {
  justify-content: flex-start;
}

#bar> :nth-child(2) {
  justify-content: center;
}

#bar> :nth-child(3) {
  justify-content: flex-end;
}

<div id="bar">
  <p>Left</p>
  <p>Middle</p>
  <p>Right</p>
</div>

Answer 3

我同意其他回应。在

。想要将父div设置为display：flex并根据您想做的事情，您可以设置
Jusify-content：flex-start左，
合理性：flex-end正确，并且
合理性：中心到中心。