限制<pre></pre>中的宽度尺寸

Question

我正在尝试使用pre来限制不超过表格的宽度尺寸，请尝试使用此标记：

<?php
echo "<pre style='max-width:1px;'>".$long_string."</pre>";
?>

<pre>和表格，但无论如何都不起作用。

任何人都可以帮助我吗？

Answer 1

在max-width元素上设置pre实际上会限制它的宽度。您可以通过使用浏览器的开发人员工具检查元素，也可以通过在其上设置背景颜色来说明pre { background: yellow }。注意：使用outline属性对此进行测试会在Firefox中产生错误的结果;但即使它正确实现了border属性。

与渲染元素一样，内容可能溢出元素的宽度，默认为可见溢出。如果您希望将其剪掉，只渲染适合的部分，请设置pre { overflow: hidden }。如果您希望用省略号“...”表示截断，请同时设置pre { text-overflow: ellipsis; }。

如果您希望在需要时将长行换行以使内容适合，则可以设置pre { white-space: pre-wrap }。但是，没有空格的长字符串仍然可能导致溢出。这可以通过添加pre { word-wrap: break-word; }（旧语法）或pre { overflow-wrap: break-word; }（新语法，稍微有限的浏览器支持）来防止。