CSS文字换行word-wrap

本文概述

  • CSS换行值
  • CSS自动换行示例
CSS换行属性用于折断长单词并换行到下一行。当不可破坏的字符串太长而无法容纳在容纳盒中时, 此属性用于防止溢出。
CSS换行值
描述
normal 此属性仅用于在允许的断点处断开单词。
break-word 它用于打断牢不可破的单词。
initial 它用于将此属性设置为其默认值。
inherit 它从其父元素继承此属性。
CSS自动换行示例
< !DOCTYPE html> < html> < head> < style> p.test { width: 11em; background-color: #00ffff; border: 1px solid #000000; padding:10px; word-wrap: break-word; } < /style> < /head> < body> < p class="test"> In this paragraph, there is a very long word: iamsooooooooooooooooooooooooooooooolongggggggggggggggg.The long word will break and wrap to the next line.< /p> < /body> < /html>

输出:
【CSS文字换行word-wrap】在这一段中, 有一个很长的单词:iamsoooooooooooooooooooooooooooooooooooongongggggggggggggggg.long这个单词会折断并换行到下一行。

    推荐阅读