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/

相关文章:

javascript - 在未填写所有输入的情况下阻止提交订单?

javascript - 加载样式表和 JavaScript 耗时过长

javascript - 切换 PHP 表上的复选框

javascript - 隐藏/显示位置 :fixed container under non-fixed containers

php - 如果数据库有1行,则每个div和设计(完整的网站)都会根据数据重复多个时间,如果所有的div都更多,那么div将打印1次。

带有关闭按钮的 CSS 弹出窗口

css - Reactjs Bootstrap 覆盖 CSS

css - 徽章增加导航栏高度

javascript - 悬停ID时更改图像

html - html节点的多个CSS规则