如何包装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用于问题标题一样。

Answer 1

很少，文本会溢出文本框。在这种情况下，可以强制浏览器更改换行。 web designer wall解释了here：

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

更改渲染行为，如下所示：

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

style="overflow:hidden;"

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

Answer 2

将包装1000个单词。 1个1000字符的单词将不会被包装。 尝试：

word-wrap:break-word;