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

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 😅）