HTML：段落文本不'；不要成行地堆积。（所有文本在一行内，不在段落内）

我正在使用twitter引导网格系统，您可以在这里看到问题所在

应该在中间的文本保持从中间到右边的输出，如您所见

<div class="row mt-2">
   <div class="col-3"></div>
   <div class="col-6">
      <div class="text-left">
         <p class="d-0">
            <span id="issuer_msg" style="white-space: pre-line">{{msg.message}}</span>
            <br>
         </p>
         <div class="text-center">
            <small class="text-primary font-weight-normal">{{msg.sent_time}}</small>
         </div>
      </div>
   </div>
</div>

{{msg.message}



{{msg.sent_time}

---

我怎样才能解决这个问题？

我认为问题来自您的小标签。将段落环绕起来。

问题在于使用“空白：行前”的内联样式

---

尝试使用“空白：预包装”代替

嘿，我用包装了它，但没有发生任何事情，仍然是同一个问题。只将您的消息放在p标记中，并完全删除span标记将是同一个问题，没有任何更改。DzJTC也许您应该对元素应用一些样式，打破容器中溢出的单词。@例如，什么样式？@DzITC word break：打破所有你能读到的内容。这将只打断文字。这很好，因为它有帮助，请将评论投票到排名靠前的位置。