如何让html元素始终包含内容？

Question

您会看到，当浏览器宽度足够窄时，会出现滚动条。当我向右拖动滚动条时，内容超出了html元素。 这是代码：

body {
  border: 1px solid;
}

lkjlaksjfklajfkalsdddddddaaaadfajflkajflkajflkajflkjasklfjaslkfjaklsjfklasjfklasjfaklsfsd

Answer 1

您可以使用word-break: break-all;规则确保长字不会溢出容器：

＆＃13;

＆＃13;

body {
  border: 1px solid;
  word-break: break-all;
}

＆＃13;

lkjlaksjfklajfkalsdddddddaaaadfajflkajflkajflkajflkjasklfjaslkfjakjfklasjfklasjfaklsfsdasdfasdfadsfasdfasdfadfasdfadsfasd

＆＃13;

＆＃13;

＆＃13;