我在做一个三列布局，简单要求整体居中，然后左右两列固定宽度，中间一列自适应。
然后我的代码是这个
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三列布局</title> <style type="text/css"> body{ margin:0; padding:0;} .con{width: 800px;margin: 0 auto;background-color: #ccc;position: relative;color: #000} .left{border:1px solid #333;padding:10px;width: 200px;height: 500px;background-color: transparent;position: absolute;left: 0;top: 0} .center{border:1px solid #333;padding:10px;background-color: transparent;height: 500px;margin: 0 325px 0 225px;} .right{border:1px solid #333;padding:10px;width: 300px;height: 500px;background-color: transparent;position: absolute;right: 0; top: 0;} </style></head><body> <div class="con"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div></body></html>
你放进去的是非正常的字符串，浏览器不知道你会在什么地方换行，所以就不换行了
你放进去的是非正常的字符串，浏览器不知道你会在什么地方换行，所以就不换行了
是的，换行应在单词分界出
把单词切断的话，应在切断出加连字符
由于各语种的切词规则不尽相同，所以浏览器不能做处理。但专业的排版软件都可以做到
.center{
word-break: break-all;
}
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
