IE9 空白 css 和对齐

Question

我遇到的问题是我需要在 TD 文本上保留空白，同时仍然垂直对齐 TD 内的文本。启用white-space: pre-wrap 时，文本在TD 内底部对齐。如果我禁用该标签，那么 IE 会在每个字母之间去掉一个空格。

<td width="10%" class="someClass" style="white-space: pre-wrap;">    
    hh    ee  lll oooo
</td>

这是它的 CSS

.someClass {
  text-align: left;
  text-indent: 0px;
  padding-top: 1px;
  padding-bottom: 2px;
  font-size: 1em;
}

Answer 1

如果您将文本包装在 pre 标记中，则应保留间距

<td width="10%" class="someClass" style="white-space: pre-wrap;">    
    <pre>hh    ee  lll oooo</pre>
</td>​

小提琴：http://jsfiddle.net/BLSully/hb4aU/2/