如何包裝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：實際上，我想知道，如果自動換行是問題的根本原因。

Answer 2

將包裹1000個單詞。 1個1000字符的單詞將不會被包裝。 嘗試：

word-wrap:break-word;