gpt4 book ai didi

html - CSS 断字 : break-all doesn't break URLs?

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

我正在尝试将一个长 URL 放置在侧边栏中,以在表格单元格宽度的范围内中断和换行。我已将 style="word-break:break-all;" 添加到 td 和围绕文本和 URL 的 span 但仍然不包裹。它只是将单元格推到它应该在的位置下方。

还有其他方法可以解决这个问题吗?

仅供引用该代码适用于 HTML 电子邮件而不是 Web,这就是为什么一切都是内联的。

这是直播 link

最佳答案

您的问题出在表格上:它们在使用 CSS 进行样式设计时不是最合作的。

当前,您的 TD 必须设置为显示: block 才能使中断词解决方案起作用。您还需要设置一个宽度,以免对您的设计造成太大影响。您还可以将其分配给您的跨度:

display: block;
width: 100px;

还有一些其他的选择,我在下面发布了:

jsFiddle

关于html - CSS 断字 : break-all doesn't break URLs?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25817355/

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