如何包装H1标签的内容答案

【问题标题】：How to wrap content of H1 tag如何包装H1标签的内容
【发布时间】：2013-02-09 21:40:55
【问题描述】：

我无法解释我的问题。但如果有人明白我想要什么，请进行编辑。

我有以下代码

<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 使用它的问题标题一样。

【问题讨论】：

虽然您可能不想这样做，但您可以使用 CSS 隐藏溢出：style="overflow:hidden;"
问题中的代码不完整（它甚至没有关闭表格）并且没有重现问题。请发布一个实际演示该问题的最小代码。

标签： c# asp.net html css tags

【解决方案1】：

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

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

像这样改变渲染行为：

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

style="overflow:hidden;"

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

【讨论】：

英语和许多其他语言的断句是不正确的。因此，所提出的解决方案只能解决非常有限的一组问题，而真正的问题尚未公开。
实际上，图片链接到网页设计师墙的网站，由 Nick La 拥有 - 住在加拿大 ;-) 你修正了我帖子的措辞吗？

【解决方案2】：

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

word-wrap:break-word;

【讨论】：