1

我只是想在这里询问我的 html 代码，我在调整 div 大小时遇到​​了一些问题。当我将div的宽度设置为70px时，内容仍然溢出div，我想要的是，当div的内容超过div的宽度时，div的高度会自动调整。

有什么帮助吗？这是我的代码。提前致谢

<div class = "center"> the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the 
lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps 
over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown 
fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the 
quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy 
dog.the quick brown fox jumps over the lazy dog. </div>

<style> .center{width:70px;} </style>
4

3 回答 3

2

试试这个 CSS

.center
 {
    width:70px;
    word-wrap: break-word;
 }

强制浏览器破坏否则会超出容器的单词。

于 2012-06-22T08:50:58.077 回答
1

您描述的所需行为是默认行为（证明） - 如果它不能以这种方式工作，那么有一些样式会干扰这种行为，请尝试消除它们。

另外，请注意，<style>标签需要放在头部，不允许放在正文中（嗯，准确地说 - 它在 HTML5 中具有属性scoped，但 atm 在浏览器中的支持非常非常差）

于 2012-06-22T08:52:22.277 回答
0

将以下属性添加到您的 CSS 类

overflow: auto;
于 2012-06-22T08:51:06.570 回答