css - 如何获得不会导致超出框的单词溢出的CSS

Question

我遇到了长标签词的问题（如下面的最佳实践）。

如果有人可以访问 URL http://www.siliconvalley-codecamp.com/并为正确的 CSS 更改提出具体建议，我将非常感激，这样可以 在它结束时剪辑“最佳实践”之类的词边缘，而不是仅仅溢出边缘进入屏幕。可悲的是，我不太擅长 css，一般说明不会对我有太大帮助，因为我不是，也没有 css 人来帮助我。

这对你有好处，我们会非常感激。

Answer 1

它适用于我的 Chrome ！你还有问题吗？

顺便说一下，你应该给你的 div TagCloud 一个固定的宽度，也许可以使用这个

http://www.impressivewebs.com/css-white-space/

或这个

div.TagCloud {
width: 250px;
word-wrap: break-word;
}

Answer 2

如果我添加word-wrap:break-word到.TagCloud元素中，这些单词会有效地换行到下一行。您不需要固定宽度，只需添加word wrap属性即可有效工作。

另一种选择是FitText。它是一个 jQuery 插件，可以压缩字体大小以始终适合分配的空间。

Answer 3

为什么不直接添加overflow: hidden到盒子里？如果你只是想剪辑。