给定一个相对简单的CSS:

div {
  width: 150px;
}
<div>
  12333-2333-233-23339392-332332323
</div>

如何才能使字符串保持在width的范围内 在hyphen号公路上换成一条新的线路?

推荐答案

将连字符替换为以下内容:

&shy;

这叫做"软"连字符.

div {
  width: 150px;
}
<div>
  12333&shy;2333&shy;233&shy;23339392&shy;332332323
</div>

Css相关问答推荐

当具有外部高度的网格项溢出时,为什么溢出滚动端口填充不应用于网格容器?

位置:固定元素只是不固定

如何在 CSS 中使 Flex 容器内的网格响应,而不 destruct 外部 Flex 容器的布局?

如何有条件地设置元素的字体大小,只有在未明确设置父字体大小(即字体大小为继承)的情况下?

将重复的线性渐变锚定到元素的顶部

问题定位位置:Tailwindcss 中的绝对元素

为什么同一个 CSS 类连续出现两次

flex 容器中的两个滚动块

在revealjs/Quarto中定义一类反背景的幻灯片

如何使用 TailwindCSS 水平设置输入和按钮

Adobe Illustrator 删除我在 svg 图像上的类名.我怎样才能防止这种情况?

内联块在 Internet Explorer 7、6 中不起作用

纯 CSS 复选框图像替换

如何始终在浏览器中显示垂直滚动条?

什么是 ::content/::slotted 伪元素,它是如何工作的?

CSS:固定到底部并居中

如何将 bootstrap 列高设为 100% 行高?

Flexbox 代码适用于除 Safari 之外的所有浏览器.为什么?

让 div 扩展全高

在 CSS 中结合border-top、border-right、border-left、border-bottom