段落文本不会换行到下一行

Question

我正在尝试创建在溢出时会环绕到下一行的文本。目前，当它溢出时，它会创建一个全新的行并将文本放在该行上。我希望文本填充第一行，然后换行到新行。

代码：

<div>
    <p style="width: 15em; display: inline-block;">[100 bytes] Input Script:</p>
    <p style="display: inline-block; overflow-x: auto;">
        <span style="overflow-x: auto;">
            034840082CFABE6D6DFF54D028353549F5600B28A1757828F1B0E9ECCC0322435BA6D8CA1D76442A6A08000000F09F909F00144D696E65642062792072656E6A69616E66656E670000000000000000000000000000000000000000000000000000000000
        </span>
    </p>
</div>

我也尝试将文本设置为不同的word-wrap值，但没有成功。这可能已经被回答了数百万次，但我找不到在这种情况下有效的解决方案。

感谢任何帮助，谢谢！

Answer 1

您想要断字属性：

span {
  word-break: break-all;
}

<div>
  <p style="width: 15em; display: inline-block;">[100 bytes] Input Script:</p>
  <p style="display: inline-block; overflow-x: auto;">
    <span style="overflow-x: auto;">
            034840082CFABE6D6DFF54D028353549F5600B28A1757828F1B0E9ECCC0322435BA6D8CA1D76442A6A08000000F09F909F00144D696E65642062792072656E6A69616E66656E670000000000000000000000000000000000000000000000000000000000
        </span>
  </p>
</div>