在进行网页布局时,我们经常会用到div标签来划分网页的不同区域。但是,有时当我们在一个div中添加了过多的内容,而这些内容无法在一行中全部显示时,就会出现div一行显示不下的情况。这时就需要换行来显示
html <p>这是一个包含大量文本的div:</p> <div class="example"> <pre> 这是一段长长的文本,它超出了div的宽度。 当我们不使用white-space属性时,div会出现溢出的情况。 但是,一旦我们设置white-space属性为pre-wrap或pre-line,就可以在div中强制换行了。 换行后,每一行上都只会显示与div相同宽度的文本。
css .example { width: 200px; border: 1px solid black; white-space: pre-wrap; }
粉丝
0
关注
0
收藏
0