0

进行了重大修订以演示 CSS 中的问题并阐明原因：

Chrome 和 Safari 显示此代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
BODY { background:#fff; }
.survey_table TD {
    vertical-align:top;
}
</style>
</head>
<body>
<table class="survey_table">
<tbody>
<tr>
<td>
2. Are you familiar with the <a href="http://example.com">Louisiana Sanitary Code</a><sup>1</sup> requirements for laboratories to report notifiable (reportable) conditions to the Louisiana Office of Public Health?
</td>
</tr>
</tbody>
</table>
</body>
</html>

像这样：

铬的屏幕截图

Firefox 和 IE 显示如下：

火狐的截图

问题来自 TD 上的 CSSvertical-align:top; 有谁知道如何让 Webkit 浏览器像 FF 和 IE 一样显示并保留 CSS 垂直对齐？

4

2 回答 2

2

因为它在除桌子以外的其他地方都可以正常工作，所以我这样做了：

table sup {
    font-size: .85em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
    top: -0.6em;

在 Chrome 和资源管理器中给出可接受的结果

于 2015-08-04T15:25:52.983 回答
1

我遇到了同样的问题，决定使用相对定位；

在 Chrome 和 Safari 中使用 valign=top 的表格中的 <sup> 呈现错误

于 2012-12-07T14:45:55.477 回答