时间戳

首页 > 解决方案 > 为什么文本没有对齐？

css - 为什么文本没有对齐？

问题描述

我有这个css，它的工作正常，文本显示在右侧并对齐。

然而，pdf中那个小提琴的相同代码，文本是这样出现的（就像右边的例子，左边是它应该如何显示）：

期望输出左，渲染输出右

你知道可能是什么问题吗？

.container {
  display: flex;
}

.span {
  margin-right: 5px;
}
<div class="container">
  <span class="span">1.</span>
  <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint vel aut quidem consequatur quaerat optio ab! Iste fugit nostrum odio dolorum sequi, odit ratione omnis, atque sunt perferendis commodi, iure.</span>
</div>

标签： css

解决方案

您可以通过使用解决此问题text-align

.container {
  display: flex;
  text-align: justify;
  text-justify: inter-word;
}

.span {

  margin-right: 5px;
}
<div class="container">
  <span class="span">1.</span>
  <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint vel aut quidem consequatur quaerat optio ab! Iste fugit nostrum odio dolorum sequi, odit ratione omnis, atque sunt perferendis commodi, iure.</span>
</div>

推荐阅读