我正在尝试将一个长 URL 放置在侧边栏中,以在表格单元格宽度的范围内中断和换行。我已将 style="word-break:break-all;"
添加到 td
和围绕文本和 URL 的 span
但仍然不包裹。它只是将单元格推到它应该在的位置下方。
还有其他方法可以解决这个问题吗?
仅供引用 该代码适用于 HTML 电子邮件而不是 Web,这就是为什么一切都是内联的。
这是直播 link
最佳答案
您的问题出在表格上:它们在使用 CSS 进行样式设计时不是最合作的。
当前,您的 TD 必须设置为显示: block 才能使中断词解决方案起作用。您还需要设置一个宽度,以免对您的设计造成太大影响。您还可以将其分配给您的跨度:
display: block;
width: 100px;
还有一些其他的选择,我在下面发布了:
关于html - CSS 断字 : break-all doesn't break URLs?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25817355/