主页 / 问题 / 1605263
Accepted
Ильнур Габдуллин
Asked:2025-01-21 17:37:48 +0000 UTC2025-01-21 17:37:48 +0000 UTC

如果单词不适合块，如何用连字符连接？ （现转自任意信件）

  • 772

如果单词不适合块，如何用连字符连接？ （现转自任意信件）

“代码”：

在此输入图像描述

结果：

在此输入图像描述

如果不适合，则有必要转移整个单词（从屏幕上应该有这样的转移：“tv.”，“KBZHU”）。如何做到这一点？

javascript

1 个回答

  1. Best Answer

    您需要一个属性word-break- 它确定文本到达父容器边缘时如何换行。

    例子：

    .menu-text{
  word-break: break-word;
}


    .parent {
  width: 100px;
}
.menu-text {
  word-break: break-word
}
    <div class="parent">
  <div class="menu-text">
    Состав: Кура филе, майонез, сыр тв., аджика, масло раст, специи ...
  </div>
</div>

    使用选项： normal- 默认值，长单词或带有不间断空格的行不会换行，即使它们超出了父块的边界。

    break-all- 当到达父块边界时，将在任意两个字符之间插入换行符。

    keep-all— 中文、日文或韩文文本中不会使用换行符。对于其他语言的文本normal，.

    break-word（已过时） - 当文本到达容器边界时，将在任何地方（包括单词内部）中断文本，即使自动换行可用。

    • 5

相关问题