Html 将宽度大小限制在<；预处理>；

我正在尝试制作一个pre，以限制宽度大小不超过表格，请尝试使用以下标记：

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

---

在
pre
元素上设置
最大宽度实际上限制了它的宽度。您可以通过使用浏览器的开发工具检查元素，也可以通过简单地在元素上设置背景颜色（例如
pre{background:yellow}
）来查看这一点。注意：在Firefox中，使用
outline
属性进行测试会得到错误的结果；但即使它正确地实现了
border
属性

与渲染元素时一样，内容可能会溢出元素的宽度，默认值为visible overflow。如果您希望切断它，只渲染适合的部分，请设置
pre{overflow:hidden}
。如果希望用省略号“…”表示截断，请同时设置
pre{text overflow:ellipsis；}

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