我有这个代码:
<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里面的换行符.我怎样才能做到这一点？
使用CSS属性"word-wrap:"
#content {
width: 60em;
margin: 0, auto;
background-color: #CCC;
word-wrap: break-word;
}
这曾经只是IE浏览器,但我看到它在Chrome和Firefox中运行.