IE8 文档说它支持 min-width，但它似乎对我不起作用。
我想要的最小宽度的 html 位于表格单元格中。
我在这里看到另一个问题，建议向每个单元格添加一个 1 像素高度的 div，并设置宽度，但这不起作用 - 出于某种原因，IE 将其渲染为 18 像素高。
这是html代码：
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<style type="text/css">
table.keyboard div.key {
height: 50px;
font-size:50px;
border: 5px outset gray;
min-width: 60px;
text-align: center;
}
table.keyboard div.spc {
height: 1px;
width: 60px;
background-color: green;
}
table.keyboard td:hover {
background-color: lightblue;
}
table.keyboard {
border: 3px inset blue;
}
</style>
</head>
<body>
<div id="body">
<div>Here is some stuff</div>
<table class='keyboard'>
<tbody>
<tr>
<td><div class='key'>1</div><div class='spc'></div></td>
<td><div class='key'>2</div><div class='spc'></div></td>
<td><div class='key'>3</div><div class='spc'></div></td>
<td><div class='key'>4</div><div class='spc'></div></td>
<td><div class='key'>5</div><div class='spc'></div></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
“spc”div 的高度为 18 px！
当然，如果 min-width 有效，我就不需要 div ...
<table class='keyboard'>
<tbody>
<tr>
<td><div class='key'>1</div></td>
<td><div class='key'>2</div></td>
<td><div class='key'>3</div></td>
<td><div class='key'>4</div></td>
<td><div class='key'>5</div></td>
</tr>
</tbody>
</table>
有什么线索吗？
为了让这更容易，我放置了 3 个不同版本我网站上的这段代码 http://www.trumphurst.com/min-width1.htm.
http://jsfiddle.net/3htmA/ http://jsfiddle.net/3htmA/
IE8。你的代码工作完美。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
