2009-10-18 43 views
0

我想截断字符串到某个像素宽度。我发现的最好的是通过使用jQuery的选择器,并可能使用每个结果。我的尝试是在http://jsbin.com/umawi/edit。我根本没有做过多的jQuery,任何帮助表示赞赏。使用jQuery选择器和每个

谢谢

编辑:我需要这样做的内联元素,而不是块元素。

回答

3

你不需要jquery这个。

<div class="truncate">Truncate some test</div> 

与:

div.truncate { width: 100px; white-space: nowrap; overflow: hidden; } 

仅作为一个简单的例子。您甚至可以添加:

text-overflow: ellipsis; 

但是support is limited

另外值得一提的是,这只是作品(井)分块显示单元,而不是内联,而不是表格单元格,如果这是在一个表中,你需要做的:

<td><div>...</div></td> 

,否则你不会得到理想的结果。

+0

谢谢你一堆。我之前尝试过,但不知道我需要nowrap和隐藏溢出。 – Simon 2009-10-18 03:32:36

+0

如果我想对内联元素执行此操作,该怎么办?说,无序列表的一部分?有一个更好的方法吗? – Simon 2009-10-18 17:41:13

+0

列表元素不是内联的。但是,不可以将溢出应用于内联(可以,只是不会做你想要的)。 – cletus 2009-10-18 17:44:02