CSS中,有时候我们需要控制元素的超出部分的换行方式。比如一个长字符串在一个小框中无法完全展示,此时可通过overflow: auto; wordbreak: breakall; 的方式实现自动换行。...
CSS中,有时候我们需要控制元素的超出部分的换行方式。比如一个长字符串在一个小框中无法完全展示,此时可通过
overflow: auto;
word-break: break-all; 的方式实现自动换行。
overflow: auto;
这个属性可以让元素溢出时显示水平或垂直滚动条。对于需要自动换行的文本,我们可以把这个属性设置成自动,这样当文本超出边界时,就会自动显示滚动条并换行。
word-break: break-all;
这个属性可以将长单词或长字符串中的单词强制换行。举个例子,如果一段文本中有一个超长的单词,它可能会造成整段文本变得很宽。通过设置这个属性,我们可以让这种情况下的单词自动换行,避免整段文本宽度太大。
综上,我们可以通过设置这两个属性,实现元素超出部分的自动换行。