gpt4 book ai didi

html - css如何用点包裹文本

转载 作者:太空宇宙 更新时间:2023-11-03 19:26:34 24 4
gpt4 key购买 nike

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

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

"This is really really long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long sentence"

"........................................................................................................................................................................................................................................................................................................................................."

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

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

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

这是在 IE 中的输出

enter image description here

知道如何解决点的换行问题吗?

最佳答案

<!DOCTYPE html>
<html>

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

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

关于html - css如何用点包裹文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52048191/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com