我有一个HTML表，有3组列，左，中，右。
+----------------------------------+
|L-1 | L-2 | M | R1 | R2|
+-----+-----+------------+----+----+
|x | z | AAAAA。。。|1 | 2个|
|y | w | bbbbbbb。。。|3 | 4个|
+-----+-----+------------+----+----+
当中间（“M”）列中有一个很长的字符串时，我希望将表限制在浏览器窗口的宽度。
我试图在此列上使用CSS分词，如wordwrap a very long string中所述。
下面是HTML（举例说明）。CSS包含了我关于这个应该如何工作（但显然没有）的想法。
我做错什么了？
现在的结果是没有换行，而是表不小心跳出到最右边，导致浏览器窗口中出现滚动条。
最佳答案
这似乎非常有效：
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
th,td { vertical-align:top; padding:0 5px; }
.left { text-align:center; }
.right { text-align:right; }
.middle { text-align:left; width:100%; }
</style>
</head>
<body>
<table>
<tr>
<th class=left>L-1</th>
<th class=left>L-2</th>
<th class=middle>M</th>
<th class=right>R-1</th>
<th class=right>R-2</th>
</tr>
<tr>
<td class=left>argle</td>
<td class=left>bargle</td>
<td class=middle>w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​w​</td>
<td class=right>glyp</td>
<td class=right>glof</td>
</tr>
</table>
</body>
</html>
上面的技巧是不时插入一个不可见的空白（
​）。不过，我不喜欢回答自己的问题，所以我会等有人想出更漂亮的东西，然后再关闭这个。
关于html - 如何对表中的一列进行自动换行，且表的大小与浏览器窗口的大小相同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4635935/