如何为FPDF2的write_html()函数设置最大宽度？

以下是几种实用的解决方法，能让带HTML标签的文本在矩形背景内自动换行，避免溢出页面：

1. 用CSS容器设置最大宽度（推荐） #

给包裹HTML文本的容器添加max-width属性，配合换行规则，既限制宽度又能自适应小屏幕：

<div style="max-width: 800px; overflow-wrap: break-word; background: #f0f0f0; padding: 1rem;">
  <!-- 你的带HTML标签的内容 -->
  <p>这里是包含<strong>加粗</strong>、<a href="#">链接</a>的长文本，比如https://example.com/a-very-long-url-that-should-wrap-instead-of-overflowing-the-container，现在会被限定在800px宽度内自动换行。</p>
</div>

• max-width：设置容器的最大宽度，超过该宽度后文本自动换行
• overflow-wrap: break-word：让长单词或URL拆分换行，不破坏布局
• background：设置矩形背景色，padding让文本和容器边缘保持间距

2. 固定宽度的容器设置 #

如果需要固定宽度而非自适应，直接用width属性，搭配强制换行规则：

<div style="width: 600px; word-break: break-all; background: #e8e8e8; padding: 1rem;">
  <!-- 你的HTML内容 -->
</div>

• word-break: break-all：强制打断所有过长文本，适合需要严格控制宽度的场景

3. 内联元素的宽度限制 #

如果HTML内容是内联元素（如span、a），可以将其转为行内块元素后设置宽度：

<span style="display: inline-block; max-width: 500px; overflow-wrap: break-word; background: #f5f5f5;">
  内联文本包含<a href="#">超长链接https://example.com/another-extremely-long-url-that-needs-to-be-wrapped-properly</a>，现在会被限定宽度并换行。
</span>

问题示例：文本溢出页面边缘的情况

内容的提问来源于stack exchange，提问作者Alex Felipe