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


Wrapping Longer Sentences Without Affecting the Content

我正在设计一个投资组合,我需要获取最新的twitter帖子并在网站上分享。推文的font-size设置为3.1em。在最新tweet容器的右边是一个容器,用来存放相关客户的博客文章。

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

当我发布一条新的tweet(带有URL)并刷新作品集页面时,由于tweet显示的字体较大,tweet中包含的链接在右侧与博客文章内容重叠。

如果有任何可能的方法来包装链接而不使它无意义,我很想知道它。我使用PHP作为后端&前端使用HTML/CSS。如果您对问题感到困惑,请随时提问。谢谢。

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

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