CSS自动更改空间宽度以对齐文本行

Question

我在div中有文字。

我想要做的是使线条宽度相同，因此空格会自动更改为对齐线条，就像在Word中一样。

可以用html和css完成吗？

Answer 1

您可以使用：

div {
  text-align: justify;
  text-justify: inter-word;
}

更多信息 here

Answer 2

您可以尝试使用text-align: justify; 工作副本在这里：

p {
  text-align: justify;
  
}

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eros velit, dictum id libero quis, porttitor volutpat odio. In et lectus a ligula pulvinar egestas. Nullam ornare turpis ac dui efficitur commodo. Mauris laoreet cursus lorem, quis congue neque venenatis vel. Nullam eu maximus nulla, vitae fermentum nisl. Sed eu euismod elit, eget consequat lorem. Suspendisse eget interdum elit. Nullam convallis massa magna, quis scelerisque orci sollicitudin eget. Curabitur porta nibh nisl, at tempor leo vulputate quis. Nam eget nibh turpis. Suspendisse ac ex finibus, consectetur nunc ac, dapibus sapien. Curabitur eleifend ut mauris quis sodales. Aenean viverra ante non mauris egestas, sed pellentesque dolor tempus. Donec rhoncus quis magna posuere fermentum.swdjsdlkalksdnlds jdhjfhdskjnhckjdsnc
  </p>