Html css如何用点包装文本
这看起来重复，但没有找到解决我的问题的答案，因此张贴 基本上我想用css包装文本，下面是我想包装的示例文本 这真是一个长长的句子 徖 下面的css换行符第一行非常长……在所有浏览器中都正确地表达了这句话 第二行，多个点，仅在chrome浏览器中包装，其余浏览器，如edge、firefox、IE，显示单线点Html css如何用点包装文本,html,css,word-wrap,Html,Css,Word Wrap,这看起来重复，但没有找到解决我的问题的答案，因此张贴 基本上我想用css包装文本，下面是我想包装的示例文本 这真是一个长长的句子 徖 下面的css换行符第一行非常长……在所有浏览器中都正确地表达了这句话 第二行，多个点，仅在chrome浏览器中包装，其余浏览器，如edge、firefox、IE，显示单线点 .wrap-line-content { overflow: hidden; word-break: break-word; white-spa
.wrap-line-content {
overflow: hidden;
word-break: break-word;
white-space: pre-wrap;
}
知道我们如何用圆点解决包裹问题吗？在内容周围创建一个div，如下所示：
<div class="bottom-dot"><p>long long long long long long long long long long</p></div>
让我知道这是否适合你！这有用吗？如果是这样，请投票表决 打破一切？不，是同一个问题。有趣的是，firefox没有识别单词break:break-word。如果我同时使用break-word和break-all，那么它适用于chrome和firefox，但IE和Edge仅适用于chrome，请查看下面的表格：谢谢Temani，最初我使用break-all，但它在任何地方都不起作用，因此改为断字，但肯定不能用于所有浏览器我想你没有正确理解我的问题…我想把已经是文本一部分的点包起来
<!DOCTYPE html>
<html>
<head>
<style>
.wrap-line-content {
word-wrap: break-word; /* important */
}
</style>
</head>
<body>
<p class="wrap-line-content">......................................</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
.wrap-line-content {
word-wrap: break-word; /* important */
}
</style>
</head>
<body>
<p class="wrap-line-content">......................................</p>
</body>
</html>