如何使html元素始终包装内容?
您可以看到,当浏览器宽度足够窄时,就会出现滚动条。当我向右拖动滚动条时,内容超过了html元素。 代码如下:如何使html元素始终包装内容?,html,css,frontend,Html,Css,Frontend,您可以看到,当浏览器宽度足够窄时,就会出现滚动条。当我向右拖动滚动条时,内容超过了html元素。 代码如下: 正文{ 边框:1px实心; } LKJLAKSJFKLAJFKALDDDDAAAADFAJFLKAJFLKAJFLKAJFLKJASKLFJASKLKFJAKLSJFKLASJFKLASD您可以使用分词:全部分词确保长单词不会溢出容器外的规则: 正文{ 边框:1px实心; 单词break:打破一切; } LKJLAKSJFKLAJFKALDDDDAAAADFAJFLKAJFLKAJF
正文{
边框:1px实心;
}
LKJLAKSJFKLAJFKALDDDDAAAADFAJFLKAJFLKAJFLKAJFLKJASKLFJASKLKFJAKLSJFKLASJFKLASD
您可以使用分词:全部分词代码>确保长单词不会溢出容器外的规则:
正文{
边框:1px实心;
单词break:打破一切;
}
LKJLAKSJFKLAJFKALDDDDAAAADFAJFLKAJFLKAJFLKAJFLKJASKLFJASKLKFKJFKLASJFKLASJFKLSFSDAFDFADSFASDFASDFADFASDFADSD
我想要的是“宽度:最大内容”。实际上,当html包含固定宽度的div时,也会出现问题。也许我选择的例子没有准确地表达我的意图。将html宽度设置为“最大内容”就可以做到这一点。