如何使用 CSS 在表格单元格中拆分字符串（例如长 URL）？答案

【问题标题】：How to split a string (e.g. a long URL) in a table cell using CSS?如何使用 CSS 在表格单元格中拆分字符串（例如长 URL）？
【发布时间】：2010-09-13 09:08:01
【问题描述】：

情况如下：我正在尝试一些 MySpace 页面自定义。如果你有 ever tried [stackoverflow]，我相信你明白这有多令人沮丧。
基本上，它可以通过 CSS 在一组特定规则内进行自定义（例如，不允许使用“#”字符......多么有用！）。
如果您想了解更多信息，请查看此blog，我将其用作自定义的基础

因此，唯一的问题是 cmets 部分，“朋友”在此发布他们的感受。它已经...

max-width:423px;

...设置在桌子上，但我发现如果在评论部分发布长网址，它会炸毁桌子宽度，无论最大设置如何！

问题：有没有办法管理会增加表格宽度的文本？
也许分割/切断字符串？还是我应该做的更多..？
URL 以文本形式发布，而不是 href。

顺便说一句，使用 Firefox 和 Firebug。

编辑：也不允许使用 javascript ;)

另一个编辑刚刚检查了 IE7，它似乎工作..所以在这种情况下 firefox 是麻烦..

【问题讨论】：

标签： css myspace html-table

【解决方案1】：

您是否尝试过“溢出”css 属性的各种值？我认为这可能会在某些排列中满足您的需求。

【讨论】：

【解决方案2】：

少数浏览器支持word-wrap

例如

<div style="width: 50px; word-wrap: break-word">insertsuperlongwordhereplease</div>

浏览器目前支持 IE / Safari / Firefox 3.1 (Alpha)

【讨论】：

【解决方案3】：

如果您只使用 CSS，您的选择非常有限。你可以试试

 overflow: hidden

隐藏有问题的部分。 CSS 3 支持text-wrap，但可能不支持它。 IIRC 有一个 IE-only css-property 可以做同样的事情，但我现在不记得了，我的 Google-Fu 让我失望了。

【讨论】：