CSS word-wrap
CSS word-wrap
CSS word-wrap属性用于
打破长单词并换行到下一行。当字符串太长而无法容纳在容器中时，此属性用于防止溢出。
打破长单词并换行到下一行。当字符串太长而无法容纳在容器中时，此属性用于防止溢出。
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"> 在这一段中，有一个很长的单词:iamsooooooooooooooooooooooooooooooolongggggggggggggggg。长字会中断并换行到下一行。</p>
</body>
</html>
输出：
在这一段中，有一个很长的单词：iamsoooooooooooooooooooooooooooongongggggggggggggggggggg。长字会中断并换行到下一行