主页 / 问题 / 736417
Accepted
Narnik Gamarnik
Asked:2020-10-27 03:03:51 +0000 UTC2020-10-27 03:03:51 +0000 UTC

使用 word-break:break-all 和 word-wrap:break-word 的正确方法是什么？

  • 772

你好：

有一个任务，在元素中传输文本。

word-break:break-all转移一切，但笨拙：

在此处输入图像描述

word-wrap:break-word应该转移，但只转移单词，但不转移一个单词：

在此处输入图像描述

告诉我如何实现，以便正确传输单词和单词？

提前致谢！

css

1 个回答

  1. Best Answer

    以下是一些自动换行的示例，您可以选择适合自己的一种：

    .block{
  margin: 1rem auto;
  border: 1px solid #555;
  padding: 1rem;
  width: 200px;
}
.block-3{
  word-break: break-all;
}
.block-4{
 -moz-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
}
    <div class="block block-1">
Тег <xmp><wbr></xmp>
  Ро<wbr>ня<wbr>ет лес баг<wbr>ря<wbr>ный свой убор,
  Сре<wbr>брит мо<wbr>роз увя<wbr>нув<wbr>шее по<wbr>ле,
  Про<wbr>гля<wbr>нет день как буд<wbr>то по<wbr>не<wbr>во<wbr>ле
  И скро<wbr>ет<wbr>ся за край окруж<wbr>ных гор.
  Пы<wbr>лай, ка<wbr>мин, в моей пус<wbr>тын<wbr>ной келье;
  А ты, вино, осен<wbr>ней сту<wbr>жи друг,
  Про<wbr>лей мне в грудь от<wbr>рад<wbr>ное пох<wbr>мелье,
  Ми<wbr>нут<wbr>ное заб<wbr>венье горь<wbr>ких мук.
</div>
<div class="block block-2">
Мягкий перенос <xmp>&shy;</xmp>
  Ро&shy;ня&shy;ет лес баг&shy;ря&shy;ный свой убор,
  Сре&shy;брит мо&shy;роз увя&shy;нув&shy;шее по&shy;ле,
  Про&shy;гля&shy;нет день как буд&shy;то по&shy;не&shy;во&shy;ле
  И скро&shy;ет&shy;ся за край окруж&shy;ных гор.
  Пы&shy;лай, ка&shy;мин, в моей пус&shy;тын&shy;ной келье;
  А ты, вино, осен&shy;ней сту&shy;жи друг,
  Про&shy;лей мне в грудь от&shy;рад&shy;ное пох&shy;мелье,
  Ми&shy;нут&shy;ное заб&shy;венье горь&shy;ких мук.
</div>
<div class="block block-3">
Свойство <xmp>word-break</xmp>
  Роняет лес багряный свой убор,
  Сребрит мороз увянувшее поле,
  Проглянет день как будто поневоле
  И скроется за край окружных гор.
  Пылай, камин, в моей пустынной келье;
  А ты, вино, осенней стужи друг,
  Пролей мне в грудь отрадное похмелье,
  Минутное забвенье горьких мук.
</div>
<div class="block block-4">
Свойство <xmp>hyphens</xmp>
  Роняет лес багряный свой убор,
  Сребрит мороз увянувшее поле,
  Проглянет день как будто поневоле
  И скроется за край окружных гор.
  Пылай, камин, в моей пустынной келье;
  А ты, вино, осенней стужи друг,
  Пролей мне в грудь отрадное похмелье,
  Минутное забвенье горьких мук.
</div>

    • 1

相关问题