如何处理这个表溢出？

Question

我遇到了Bootstrap布局的问题。我不知道如何修复“Private Key：”的列溢出。正如您can see here（请使用firefox打开）“私钥”具有较大的值并且会破坏内容。

如何修复“私钥”的宽度，让网站保持响应？

您会为该内容推荐其他布局吗？

Answer 1

您可以在CSS样式中使用white-space: pre-wrap来包装<pre>内没有空格的长字符串。

E.g。

#server-credentials-privKey {
    white-space: pre-wrap;
}

但即使在最宽的版本中，元素的宽度也不足以容纳完整的字符串。