0

如果您创建一个 viewPanel 并且其中一个列包含多行（请参阅下面的代码以了解我如何换行该列），则所有其他列将文本移动到行的底部，等于被换行的列的底部。在 FF 和 Chrome 中，这些相同的列位于顶部。他们希望它们在 IE 中处于顶部。

在我正在包装的列中，我使用以下公式，我想知道这是否会有所不同

<xp:viewColumn id="viewColumn4"
      contentType="HTML" width="150px">
     <xp:this.value><![CDATA[#{javascript:var valArr1 = new Array(view1.getColumnValue("SourceFileName"));
     valArr1.join('<br/>')}]]></xp:this.value>
     <xp:viewColumnHeader id="viewColumnHeader4"
          value="Original File Name">
     </xp:viewColumnHeader>
</xp:viewColumn>

第一个屏幕截图显示了 Firefox 中的 viewPanel，列在单元格的顶部排列。第二个屏幕截图显示了 IE8 中完全相同的视图，并且列在单元格底部排列。

火狐截图

IE 8 截图

我可以在代码/css 中进行哪些更改以使列在 IE8 的顶部对齐？

4

2 回答 2

1

默认情况下，我的 viewPanel 不会以这种方式运行，所以我想知道是否存在导致问题的现有 CSS？

使用 IE 开发工具 - SHIFT-F12 并检查样式。尝试更改它，直到你可以让它在页面上工作。

这就是说这里有一个建议开始假设您的 viewPanel 被称为 ViewPanel1

TABLE[id$='viewPanel1'] TR TD 
{
    display: block;
    vertical-align: top
}

于 2012-05-11T14:41:12.067 回答
0

您应该考虑使用 CSS 重置。CSS 重置将所有元素的样式重置（设置）为基线值，这样您就可以避免由于其内置的默认样式设置而导致的跨浏览器差异。通过重置样式，您可以避免默认为浏览器的内置样式，这因浏览器而异。

CSSReset.com包含最常见的 CSS 重置脚本。

当然，您可以将 CSS 重置自定义为特定站点所需的默认值（例如，以匹配您对表格单元格垂直对齐的要求）。

一旦应用了 CSS 重置，您就可以使用自己的 CSS 样式（并希望避免出现不一致，例如您在此处遇到的情况）。

于 2012-05-11T15:17:33.937 回答