使用CSS,如何在表格单元格中分割字符串(例如长网址)?
时间:2020-03-06 14:46:11 来源:igfitidea点击:
情况如下:我正在尝试一些MySpace页面自定义。如果我们曾经尝试过[stackoverflow],我相信我们了解它会令人沮丧。
基本上可以通过CSS在一定规则集内自定义所有内容(例如,不允许使用'#'字符...多么有用!)。
如果我们需要更多信息,请查看此博客,我将其用作定制的基础
因此,唯一的问题是在"评论"部分,"朋友"在这里发表他们的想法。
它已经有...
max-width:423px;
...设置在表格上,但是我发现,如果在注释部分中张贴了较长的URL,则不管最大设置如何,它都会炸裂表格宽度!
问题:有没有一种方法可以管理将增加表格宽度的文本?
也许要分割/分割字符串?还是我应该做的更多..?
URL以文本形式发布,而不是hrefs。
使用Firefox和Firebug btw。
编辑:也不允许javascript;)
另一个编辑刚刚检查了IE7,它似乎可以正常工作..因此,在这种情况下,firefox变得很麻烦。
解决方案
我们是否尝试过"溢出" css属性的各种值?我认为这可能会在某些排列中满足需求。
如果仅使用CSS,则选择非常有限。你可以试试
overflow: hidden
隐藏有问题的部分。 CSS 3支持文本换行,但是可能不存在对此的支持。 IIRC有一个仅用于IE的css属性,可用于执行相同的操作,但目前我不记得它了,而我的Google-Fu失败了。
一些浏览器支持自动换行
前任。
<div style="width: 50px; word-wrap: break-word">insertsuperlongwordhereplease</div>
浏览器当前支持的是IE / Safari / Firefox 3.1(Alpha)