2017-09-15 80 views
-1

在我的网站我有一个网页,其中列出了播客 - 当这个页面上的一个小屏幕上的文字看满溢关闭页面:段落文本溢出关

Text overflowing

This Stack Overflow答案建议创建一个css与属性的类应停止文本四溢,就像这样:

.break-long-words { 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
    word-break: break-all; 
    word-break: break-word; 
    hyphens: auto; 
} 

我在Chrome浏览器开发工具已经检查和break-long-words类被应用于文本,但文本仍在继续关闭页面

+1

向我们展示标记和CSS:创建一个能够再现您的问题的MCVE。如果文本使用CSS转换或使用基数位置进行偏移,则其宽度可能不会按照您认为的方式计算,导致它们在视觉上溢出父项。 – Terry

回答

1

网络上的文本总是默认回流,所以您拥有的行为很可能是因为该文本的其中一个容器的大小是固定的。在这种情况下,固定的尺寸大于移动视口。

它也可能是 ,该副本中的单词之间的非中断空格。自然,它们是防止破裂的空间元素,因此可以将这些词粘在一起,防止它们回流。

+0

感谢您的回复。我看不到任何容器是固定的。 如果你可以访问这个页面https://devpodcasts.net/podcasts/tagged/java如果你调整它的大小,你会看到文本是如何流失在页面上的。 文本中有' '空格,因为它来自RSS源,但我不完全确定这是原因。 –

+0

我查看了您的网站,并且您帖子中显示的播客没问题。我根本无法重现你的问题;文本正在按预期回流。 –