我正在开发一个涉及简单HTML表的Web项目。当页面足够宽时，表格中的元素显示正常，但当页面太窄而不能在同一行上显示元素时，溢出会跳转到下一行，但在表格标题下方，这是太远了从元素的开头离开。当引入换行符时也会发生这种情况。我希望能够阻止这种情况发生并将多行元素保留在一个固定的框中，其中换行符不会忽略css属性中定义的规则，但不会完全重写表。请帮助实现这一目标。我在下面提供了一个例子。
标记：
<table class="rwd-table">
<tr>
<td data-th="Column 1"><span>Example 1</span></td>
<td data-th="Column 2"><span>Hello World</span></td>
<td data-th="Column 3"><span>I am a long span element. </span></td>
<td data-th="Column 4"><span>I am an even longer span element in this table. New lines will jump to the very left of the table when the page is small enough.</span>
<td data-th="Column 5"><span>I am a long span element too.<br>I am also bugged :(</span></td>
<td data-th="Column 6"><span>1234567890</span></td>
</table>