html - 文本过长时显示水平滚动条

问题描述

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

在线 nyomkövetés：http ://www.posta.hu/ugyfelszolgalat/nyomkovetes

这个链接有点长，而且里面没有空格，所以在移动设备上，这个文本走出页面，水平滚动条就会出现。

我应该给它什么CSS？

标签： htmlcss

像这样使用像“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 ）

html - 文本过长时显示水平滚动条

问题描述

解决方案

推荐阅读