文字过长时显示水平滚动条

Question

在我的网站上的自定义内容部分，我有一些段落和列表。在列表项中，我有以下文本：

在线追踪： http: //www.posta.hu/ugyfelszolgalat/nyomkovetes

该链接有点长，并且其中没有任何空格，因此在移动设备上，该文本会超出页面，并且会显示水平滚动条。

我应该给它什么CSS？

演示网站在这里。

Answer 1

使用像“overflow-wrap”或“word-break”这样的CSS属性：/* word-break solution */ -ms-word-break: break-all;     word-break: break-all;     /* Non standard for WebKit */     word-break: break-word;/* Use word break with hyphens property */-webkit-hyphens: auto;   -moz-hyphens: auto;        hyphens: auto;或使用“溢出换行”：overflow-wrap: break-word;如果这些属性不起作用，请尝试一起使用它们，或使用主要版本的浏览器（我的意思是，绝对不是 IE 11 😅）