Html 将文本保留在div中

Html 将文本保留在div中,html,Html,如果我这样做: <div style="width: 200px; height: 200px; background-color: yellow; font-size: xx-large;"> Hello 1<br> Hello 2<br> Hello 3<br> Hello 4<br> Hello 5<br> Hello 6<br>

如果我这样做:

<div style="width: 200px; height: 200px; background-color: yellow; font-size: xx-large;">
    Hello 1<br>
    Hello 2<br>
    Hello 3<br>
    Hello 4<br>
    Hello 5<br>
    Hello 6<br>
    Hello 7<be>
</div>

你好1
你好2
你好3
你好4
你好5
您好6
你好7
文本从DIV中流出。我希望它要么关闭文本显示,要么关闭滚动条。除了文本以外的任何内容都可以退出DIV!我知道这基本上就是
所做的,但我尝试不使用该标记,因为其他原因

当然感谢你的帮助


谢谢

您可以利用y轴上的滚动条
overflow-y
强制执行

产生:


你好1
你好2
你好3
你好4
你好5
您好6
你好7
您正在寻找酒店

overflow:hidden
将隐藏容器外部没有滚动条的文本

溢出:滚动
将始终显示滚动条

overflow:auto
将在文本开始超出容器边缘时自动显示滚动条

div{
宽度:200px;
高度:200px;
背景颜色:黄色;
字体大小:xx大号;
溢出:自动;
}

你好1
你好2
你好3
你好4
你好5
您好6
您好7

移除
宽度:200px;高度:200px来自样式”

@BlakeMcBride乐意帮助:p