本文概述
- CSS换行值
- CSS自动换行示例
CSS换行值
值 | 描述 |
---|---|
normal | 此属性仅用于在允许的断点处断开单词。 |
break-word | 它用于打断牢不可破的单词。 |
initial | 它用于将此属性设置为其默认值。 |
inherit | 它从其父元素继承此属性。 |
<
!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这个单词会折断并换行到下一行。
推荐阅读
- CSS轮廓outline
- CSS宽度width
- CSS空白white-space
- CSS垂直对齐vertical-align
- CSS位置position
- CSS填充padding
- CSS溢出overflow
- CSS不透明度opacity
- CSS边距margin