css 如何设置自动换行
导读:CSS 如何设置自动换行CSS 中有一个非常常用的属性就是 `word-wrap`,也就是文本换行的属性。这个属性有两个值:`normal` 和 `break-word`- `word-wrap: normal;` 尽可能的不换行,只有在单...
CSS 如何设置自动换行CSS 中有一个非常常用的属性就是 `word-wrap`,也就是文本换行的属性。这个属性有两个值:`normal` 和 `break-word`- `word-wrap: normal;
` 尽可能的不换行,只有在单词太长而放不下时才会进行自动换行。- `word-wrap: break-word;
` 无论单词是否太长,都会进行自动换行。使用这个属性可以很方便地实现自动换行的效果。具体样式代码如下:```p{
width:200px;
word-wrap: break-word;
}
```这里给出一个例子,将一堆长单词排成一行,看看两种属性的效果:normal 属性效果:antidisestablishmentarianism supercalifragilisticexpialidocious electroencephalographically psychoneuroendocrinological
break-word 属性效果:antidisestablishmentarianism supercalifragilisticexpialidocious electroencephalographically psychoneuroendocrinological
可以看到,normal 属性下只有在单词太长放不下时才会自动换行,而 break-word 属性下,无论单词长度如何,都会进行自动换行,从而使文本更加美观易读。总结`word-wrap` 属性是 CSS 中常用的文本换行属性,能够轻松地实现自动换行的效果。我们可以通过将 `word-wrap` 设置为 `normal` 或 `break-word` 控制文本的自动换行。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css 如何设置自动换行
本文地址: https://pptw.com/jishu/333711.html