css - 文本扩展到它所在的 div 之外?

标签 css html

我有这个代码:

<html>
<head>
<style type="text/css">

body {
    text-align: center;
}

#content {
    width: 60em;
    margin: 0, auto;
    background-color: #CCC;
}

</style>
</head>

<body>
<center>
<div id="content">kdsjlglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgkhlglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgkkjdghkdsfjgksdjfhg</div>
</center>
</body>

</html>

为什么文本不留在 div 内,而是排成一行直到结束?我希望它相对于它所在的 div 有换行符。我该怎么做?

最佳答案

因为单词换行发生在 个单词之间。

至少默认情况下。 word-break property可以在某些浏览器中更改它,但您应该避免在内容中包含无意义的“单词”。

关于css - 文本扩展到它所在的 div 之外?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4489385/

相关文章:

html - 创建新的 CSS 类名和 ID 名,确保没有任何问题

css - 选择没有跟随另一个的元素

php - HTML/CSS : create box color in combobox option

php - isset 返回 '1'

html - 为什么第一列在此表中展开?

javascript - 为什么 onClick 事件在 html 中只工作一次?

jquery - 从包装 div 中转义 Bootstrap 模态

css - 如何使元素在将鼠标悬停在另一个部分的元素上时可见?

html - 如何在我的网站的团队部分居中图像

css - 绝对父级 - 在子内容上显示溢出