gpt4 book ai didi

html - 应用 "word-break"css 属性后文本对齐受到干扰

转载 作者:行者123 更新时间:2023-11-28 13:11:00 25 4
gpt4 key购买 nike

我有一个 div 和加载到这个 div 中的大量内容。我应用了一些 CSS 样式来管理 div 宽度:`word-break: break-all; word-wrap: break-word;

但是在应用这个 css 之后,div 对齐被打乱了,因为我注意到一些单词在这之后被截断了。

我的 CSS 是:

width: 98%;
word-break: break-all;
word-wrap: break-word;
text-align: justify;

我不明白如何让 justify 将文本与那些 css 对齐,我该如何解决这个问题?谁能建议我使用另一种 CSS 样式来解决这个问题?

See in jsfiddle

谢谢...!! Here the image of my div with truncated words at the end

最佳答案

做同样事情的 Html 方法是添加 <wbr>在你的长词之前/之后/嵌入

wbr:after { content: "\00200B" }

为了做到这一点 css方式

关于html - 应用 "word-break"css 属性后文本对齐受到干扰,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19043763/

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