时间戳

首页 > 解决方案 > css如何用点换行

html - css如何用点换行

问题描述

这看起来重复但没有找到解决我问题的答案，因此发布。

基本上我想用 css 换行，这是我想换行的示例文本

“这真的是真的很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的句子”

“……………………………………………………………………………………………………………………………………………………………………………… ..................................................... ..................................................... ..................................................... ..................................................... ..................................................... …………”

下面的 css 在所有浏览器中正确换行第一行（这真的很长....句子）。

第二行，多个点，只在chrome浏览器中包裹，其余浏览器，如edge，firefox，IE，显示单行点 

.wrap-line-content {
        overflow: hidden;
        word-break: break-word;
        white-space: pre-wrap;
    }

这是IE中的输出

在此处输入图像描述

知道我们如何用点解决换行问题吗？

标签： htmlcssword-wrap

解决方案

<!DOCTYPE html>
<html>

<head>
<style> 
.wrap-line-content {
    word-wrap: break-word;  /* important */ 
}
</style>
</head>

<body>
<p class="wrap-line-content">......................................</p>
</body>
</html>

推荐阅读