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

标签 html css email word-break

我正在尝试将一个长 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/

相关文章:

javascript - 在 Javascript 中模拟点击事件

html - 使用 VS 代码从 HTML `<script>` 引用 TypeScript 定义文件

java - 用户登录时启用页面上的按钮/GWT

javascript - 使用 ES6 和 CSS3 淡入淡出

.net - 使用 Google 2FA 发送 Powershell 电子邮件?

javascript - Angular 选择显示名称和项目

html - Bootstrap - 将面板定位在页面中央并减小宽度

javascript - HTML 在某些页面中打印分页

email - centos 7 同时在本地和远程保存 rsyslog

python - 当电子邮件正文中包含中文字符时,email.retr 检索奇怪的 =20 个字符