html - 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

如果你用前置标签包裹你的文本，你的间距应该被保留

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

fiddle :http://jsfiddle.net/BLSully/hb4aU/2/