如何包裹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

文本溢出文本框的情况很少见。在这种情况下，可以强制浏览器更改换行方式。网页设计师墙在这里解释了这一点：

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

像这样改变渲染行为：

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

style="overflow:hidden;"

PS：实际上，我想知道自动换行是否是您问题的根源。