Question

如果我有一个很长的字符串（没有空格！）。我可以强制浏览器对其进行换行，例如，通过CSS在表td中。宽度似乎没有任何影响。

注意：我知道有人提交没有空格的长字符串是不太可能的，但你永远不知道......

我试过了：

.gridrow td
{
    padding: 1em;
    text-align: center;
    word-wrap: break-word; 
}

我使用FF作为浏览器。 word-wrap似乎只在CSS3中使用了？

Answer 1

我认为你的意思是在CSS中：

#id
{
  max-width: 100px; /*or whatever*/
  word-wrap: break-word;
}

使用Firebug在您的网站上进行测试，它可以正常运行。

Reference article

Answer 2

表格是一种特殊情况。如果可以的话，他们会继续扩大，以免模糊任何内容;你不能在它们上使用overflow: hidden。以下是一些选项：

使用可选的分解字符。（来源：http://www.quirksmode.org/oddsandends/wbr.html）如果您可以控制将或<wbr>这样的字符以编程方式插入长字符串中，这可能是一种解决方案。

也许最好，根据您的情况，您可以限制表使用严格的宽度，此时它应遵守您的规则：

table {
    table-layout: fixed;
    width: 100%;
}

table td {
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}

Answer 3

我认为有wordwrap元素。搜索wordwrap。

自动换行：打破单词

EDITED

REF Word-wrap in a html table

它表明没有好办法做到这一点。

TD中的CSS换行符

3 个答案: