如何包裹H1标签的内容

Question

我是一个有帮助的助手，可以为您翻译文本。

我无法解释我的问题。但如果有人理解我想要什么，请编辑一下。

我有以下代码。

<table style="width:100%">

        <tr style="border-style: none solid solid solid; border-width: thin; border-color: #C0C0C0; background-color: #FFFFFF">
            <td class="style4" width="100%" 

                style="border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #C0C0C0" 
                align="left">
                <h1 style="font-style: normal; font-weight: normal;">
                            <%=t.getTitle() %>
                </h1>

每当t.getTitle()返回一行中的较长字符串时，我的标题会超出页面（溢出）。我希望将h1的内容包装到 td 中。

就像stackoverflow.com在其问题标题中使用的方式一样。

- Shiva Pareek

---

虽然你可能不想这样做，但你可以使用CSS隐藏溢出：style="overflow:hidden;" - SteAp

问题中的代码不完整（甚至没有关闭表格），也无法重现问题。请发布一个最小化的代码，以实际演示该问题。 - Jukka K. Korpela

Answer 1

在很少的情况下，文本会溢出文本框。这种情况下，可以强制浏览器更改换行。 Web设计师之墙 在这里 解释了。

.break-word {
  word-wrap: break-word;
}

更改呈现行为如下：

此外，虽然在当前情况下可能没有帮助，但可以使用CSS 隐藏任何溢出内容：

style="overflow:hidden;"

PS：实际上，我想知道，如果换行是你的问题的根本原因。

- SteAp

---

将单词拆分并不适用于英语和许多其他语言。因此，提出的解决方案只能解决一小部分问题，真正的问题尚未被揭示。 - Jukka K. Korpela

实际上，这张图片链接到网站设计师墙的网站，由居住在加拿大的Nick La拥有;-) 你修复了我的帖子措辞吗？ - SteAp

Answer 2

将会换行1000个单词。 一个具有1000个字符的单词不会被换行。 尝试：

word-wrap:break-word;

- Ali Bassam