相关疑难解决方法(0)

我一直在用s和s word-wrap: break-word包装文本.但是,它似乎不适用于表格单元格.我有一个表设置,有一行和两列.列中的文本虽然使用上面的样式,但不会换行.它会使文本超出单元格的边界.这种情况发生在Firefox,谷歌浏览器和Internet Explorer上.divspanwidth:100%word-wrap

以下是源代码:

td {
  border: 1px solid;
}

<table style="width: 100%;">
  <tr>
    <td>
      <div style="word-wrap: break-word;">
        Looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong word
      </div>
    </td>
    <td><span style="display: inline;">Short word</span></td>
  </tr>
</table>

上面的长词大于我的页面的边界,但它不会破坏上面的HTML.我已经尝试了以下建议加入text-wrap:suppress和text-wrap:normal,但也有帮助.

我想包装一些添加到<td>元素的文本.我试过了style="word-wrap: break-word;" width="15%".但它并没有包装文本.是否必须给它100%的宽度？我有其他控件要显示,所以只有15%的宽度可用.

<table id="table_id">
  <tr>
    <td>testtesttesttest</td>
    <td>testtesttesttest</td>
  </tr>
</table>

我想如果表格不适合屏幕,那么表格的第二个单元格会转移到另一行吗？不是单元格中的文本,而是整个单元格.

我有一个宽表的html文件.我想能够把它放在A4大小.超过A4尺寸的列应在新表格中列出.

我尝试使用@page属性,但它没有改变任何东西,

<style type="text/css">
    @page {    size: 21cm 29.7cm; margin: 30mm 45mm 30mm 45mm; }
</style>

是否有任何第三方js库自动执行此操作？(表格大小未知,用户上传数据并生成表格,因此列数不固定).{我的最终目标是将其打印为pdf,但我无法使用QT中给出的qprinter实现此目的}

我在这里放了一个带长表的html文件 - 链接.

提前致谢