在下面的代码中,我需要在缩小窗口时匹配宽度:
<div style="background-color:blue;">The title</div>
<table>
<tr>
<td> Column title </td>
<td>Content</td>
<td>Column title2</td>
<td>Content 2</td>
</tr>
</table>
这只是页面的一个小例子,它会涉及更多的div和表格。
当我缩小窗口时,表格和 div 会根据需要缩小,因此 div 会比表格缩小得更多,这会使页面看起来很难看。
当表格不能再缩小时,有什么办法可以阻止 div 缩小吗?
我试过 min-with 但它不起作用,我已经问过任何类似的东西,但显然除了 JavaScript 之外没有任何东西。
除了 JavaScript,你们能给我一个解决方案吗?
提前致谢。
塞萨尔。
最佳答案
我没有 IE7+ 来测试这个,但在 Opera 中,当你将所有 HTML 放在一个外部 div block 中时它就可以工作。比外层的div block 与表格相同。所以在某个时候它不再适合浏览器窗口,但现在外部 block 有它的宽度并且在标题 div 中保持与外部 block 相同的宽度。
<div style="background-color:red;">
<div style="background-color:blue;">The title</div>
<table>
<tr>
<td> Column title </td>
<td>Content</td>
<td>Column title2</td>
<td>Content 2</td>
</tr>
</table>
</div>
关于html - 匹配网页上不同元素的宽度。 HTML IE7 和 IE8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2100613/