【发布时间】:2017-01-15 01:36:13
【问题描述】:
我正在努力将 css 样式应用于 Safari 中的 GWT(Google Web Toolkit)生成的 html 表。具体来说,在触发任何类型的表格重绘后,我无法让 Safari 尊重表格行的高度属性。
以下基本示例说明了问题:
<html>
<head>
<style type="text/css">
tr {
height: 50px;
font-weight: bold; /* added to prove that other style rules are re-applied when enabling css again */
}
</style>
</head>
<body>
<table border="1px">
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
</tr>
</table>
</body>
</html>
如果我在 Safari 中打开此页面,它首先会正确呈现。如果我随后从“开发”菜单中选择“禁用样式”,然后立即再次重新启用它们,则会忽略高度规则,并且计算表格行的高度,就好像它被设置为“自动”一样。
这正是在我的 GWT FlexTable 中以编程方式添加或删除行/单元格时发生的情况。
有谁知道导致这种行为的原因以及是否有不需要在整个桌子上设置固定高度的解决方法?
详情:
在 Mac OSX Leopard 上运行 Safari 4.0.3 (5531.9)
使用 GWT 托管模式浏览器(在 Mac 上运行时本质上是 Safari)也会出现此问题
【问题讨论】:
标签: css gwt safari webkit html-table