Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何处理表格';在它';什么是印刷品?_Javascript_Html_Css_Html Table_Media Queries - Fatal编程技术网

Javascript 如何处理表格';在它';什么是印刷品?

Javascript 如何处理表格';在它';什么是印刷品?,javascript,html,css,html-table,media-queries,Javascript,Html,Css,Html Table,Media Queries,我有一个带有一些列的表,根据它们的内容,我可以有不同大小的列。这可能会导致表格水平溢出:底部会出现一个滚动条 例: 它正在工作,但是只有在出现水平溢出时,才有办法设置断字:断字? 如果没有,你能找到一个不剪切打印表格的解决方案吗?td{word break:normal;}添加这个, <table style="display: table"> <tr> <td style="display:table-cell;"

我有一个带有一些列的表,根据它们的内容,我可以有不同大小的列。这可能会导致表格水平溢出:底部会出现一个滚动条

例:

它正在工作,但是只有在出现水平溢出时,才有办法设置
断字:断字


如果没有,你能找到一个不剪切打印表格的解决方案吗?

td{word break:normal;}
添加这个,
<table style="display: table">
  <tr>
    <td style="display:table-cell;">VeryVeryVeryLoooongContentVeryVeryVeryLoooongContentVeryVeryVeryLoooongContentVeryVeryVeryLoooongContent</td>
    <td style="display:table-cell;">Normal and boring Content</td>
    <td style="display:table-cell;">Other boring Content1</td>
    <td style="display:table-cell;">Other boring Content2</td>
    <td style="display:table-cell;">Other boring Content3</td>
    <td style="display:table-cell;">OtherBoringLongAndUselessContentStoooooooop</td>
  </tr>        
</table>
@media print {            
  td{
    word-break: break-word; 
    width: 100px;
  }
  ...
}