CSS：在td（table）中创建新行的所有单词

Question

我有这样的代码：

<table>
<tr>
  <th>#</th>
  <th>Text</th>
</tr>
<tr>
  <td>1</td>
  <td>Long Long cell content</td>
</tr>
<tr>
  <td>2</td>
  <td>Long Long cell content</td>
</tr>
</table>

和风格：

table{
  border: 1px solid green;
}

小提琴：https://jsfiddle.net/t5rxtweo/

现在它看起来很重要：

但是很小：

而且小我想要：

我可以用纯CSS进行吗？

Answer 1

你能定义“小分辨率”吗？

无论如何，这是一个你可以玩的演示。

https://jsfiddle.net/t5rxtweo/1/

@media screen and (max-width: 360px) {
    td {
        word-spacing: 9999999px;
    }
}

<table>
<tr>
  <th>#</th>
  <th>Text</th>
</tr>
<tr>
  <td>1</td>
  <td>Long Long cell content</td>
</tr>
<tr>
  <td>2</td>
  <td>Long Long cell content</td>
</tr>
</table>