javascript - 单词中的字母在 IE7 中显示正确，在 IE8 中显示不正确

Question

我是我元素的新手。这里我们使用 Javascript、CSS 和 HTML 来显示网页。这些我一点都不熟悉。在 IE8 中，单词中的字母是垂直显示的，但在 IE7 中可以使用相同的代码。

它应该显示为“ channel 首选项”而不是
c

一个
n
n
电子

p
r
电子
f
r
电子
n
c
电子

CSS参数如下::

.SubjectAreaChoiceAnchor, .SubjectAreaChoiceAnchor:link, .SubjectAreaChoiceAnchor:visited  
{  
   font: normal 11px Tahoma;  
   color: #000000;  
   padding: 2px 2px 2px 29px;  
    display: block;  
    cursor: default;  
    white-space: nowrap;  
    text-decoration: none;  
} 

.SubjectAreaChoiceAnchor:hover  
{  
    color: black;  
    background-color: #D1DDE7;  
    padding: 1px 2px 1px 29px;  
    border-top: solid 1px white;  
    border-bottom: solid 1px white;  
    margin: 0px 0px 0px 0px;  
}  

HTML 看起来像这样::

<  div class="dialogBody" style="max-height: 400px; overflow-y: auto;">  
<  div style="display: block;" id="idExtTagSelector">  
 <  table cellspacing="0" cellpadding="0">  
   <  a onclick="WebExpressionSelector.onChoose('idExtTagSelector','channelPref','','true','Channel Preference'); return false;" href="javascript:void(null)" displayname="Channel Preference" usequotes="true" defaultvalue="" name="channelPref" eid="idExtTagSelector" class="SubjectAreaChoiceAnchor" id="idWebExprchannelPref">Channel Preference
<  /a>  
<  /table><  /div><  /div>

请帮助。提前致谢。
普拉提玛

Answer 1

如前所述，您的 HTML 表格格式不正确。你拥有一张 table 的正确方式应该是这样的:

<table>
<tr>
<td>content</td>
</tr>
</table>

在您的情况下，如果您必须使用表格来获取彼此相邻的所有值，则表格应如下所示:

<table>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
</table>

您还应该只为表格数据使用表格。其他任何东西都应该是通过 CSS 设置的样式。