在不影响内容的情况下包装更长的句子

Question

我正在设计一个投资组合，我需要获取最新的Twitter帖子并在网站上分享。推文的font-size设置为3.1em。在最新推文容器的右侧是由相关客户端保存博客帖子的容器。

现在，当我测试页面时，我发现了这个问题

  

当我发布新推文（其中包含网址）并刷新投资组合页面时，由于显示的推文字号较大，推文中包含的链接与右侧的博客文章内容重叠。

如果有任何可能的方法来包装链接而不使其毫无意义，我很想知道它。我正在使用PHP作为后端和后端前端的HTML / CSS。如果您发现问题令人困惑，请随时提出任何问题。感谢。

Answer 1

http://www.impressivewebs.com/word-wrap-css3/

Answer 2

使用word-wrap:break-word; CSS属性。还要确保指定宽度，否则它将无法正常工作。