如何打破长URL，包含连字符在HTML与CSS

ol, li {text-align: justify;}
a {overflow-wrap: break-word; hyphens: none;}

 <ol><li>Lorem ipsum dolor sed sed do sit amet, sed sed do econsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna sed sed do aliqua. <a  href="some_link">https://www.something.domain/wp-content/uploads/2015/01/some_longlonglonglonglonglonglongfilename.pdf</a> and <a href="some_link">https://www.something.domain/wpcontent/uploads/2015/01/some_longlonglonglonglonglonglonglonglonglonglonglonglonglongfilename.pdf</a></li>
    </ol>

ol, li {text-align: justify;}
a {overflow-wrap: break-word; hyphens: none; word-break: break-all;}

<ol><li>Lorem ipsum dolor sed sed do sit amet, sed sed do econsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna sed sed do aliqua. <a  href="some_link">https://www.something.domain/wp-content/uploads/2015/01/some_longlonglonglonglonglonglongfilename.pdf</a> and <a href="some_link">https://www.something.domain/wpcontent/uploads/2015/01/some_longlonglonglonglonglonglonglonglonglonglonglonglonglongfilename.pdf</a></li>
    </ol>

Html相关问答推荐

CSS：显示块，第一个项目没有正确对齐

UseEffect()从不调用preact

如何找到FontAwese图标的Unicode值？

如何使用css为动态用户输入矩阵添加背景色？

Angular Project中的星级 Select

如何在伪元素背景中定位多个CSS径向梯度

为什么前端框架可以创建自定义属性，而我却被期望在挖掘之前添加数据

Div中的图像问题-(TailWind CSS中的网格)

SCSS动画错误：心脏在页面刷新时启动动画，原因是：Checked和：Not(：Checked) Select 器

如何用背景色填充边框半径创建的间隙

如何使链接组件内的内容不重新路由Next.js13

如何使用*ngFor将模板从父级传递到子级

为什么字体大小而不是 colored颜色 属性适用于元素？

为什么要添加换行符(至少在 Google Chrome 中)

在移动屏幕上显示时分支树视图的响应能力问题

如何居中此按钮，即使它已经在计算机分辨率中居中

从触发元素移动到有间隙的内容时 CSS 工具提示关闭

如何为Vuetify输入控件减小标签和字段之间的间距？

如何将元素均匀分布到容器的边缘？

在 html 邮箱的左侧和右侧制作多个元素很热门吗？