Question

我在HTML文档中连续有5个表。当我改变变焦时，我希望它们能够保持连续。

目前，如果我缩放它们开始移动并最终可以从一行转换为一列。我不介意有很大的横向滚动。

有什么建议吗？

Answer 1

<html>
<head>
<style>
table tr td{border:1px solid #c4c4c4}
</style>
</head>
<body>
<table>
  <tr>
    <td>
        <table>
            <tr>
                <td>Table # 1 - Data</td>
                <td>Table # 1 - Data</td>
            </tr>
            <tr>
                <td>Table # 1 - Data</td>
                <td>Table # 1 - Data</td>
            </tr>
            <tr>
                <td>Table # 1 - Data</td>
                <td>Table # 1 - Data</td>
            </tr>            
        </table>
    </td>
    <td>
        <table>
            <tr>
                <td>Table # 2 - Data</td>
                <td>Table # 2 - Data</td>
            </tr>
            <tr>
                <td>Table # 2 - Data</td>
                <td>Table # 2 - Data</td>
            </tr>
            <tr>
                <td>Table # 2 - Data</td>
                <td>Table # 2 - Data</td>
            </tr>            
        </table>
    </td>
    <td>
        <table>
            <tr>
                <td>Table # 3 - Data</td>
                <td>Table # 3 - Data</td>
            </tr>
            <tr>
                <td>Table # 3 - Data</td>
                <td>Table # 3 - Data</td>
            </tr>
            <tr>
                <td>Table # 3 - Data</td>
                <td>Table # 3 - Data</td>
            </tr>            
        </table>
    </td>
  </tr>
</table>
</body>
</html>

使用上述代码或模拟访问http://jsfiddle.net/BRxKX/4964/以查看演示

Answer 2

当您调整浏览器大小时，整个表格保持在一行是低效的。无论如何，你可以试试这个：

 String replace = deletedWords.replaceAll("(?<!\\G\\w+)\\s","_");

了解这对您有何帮助。

防止表重定位

2 个答案: