我有这个代码:
<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/