html - IE9の空白のCSSと配置

Question

私が抱えている問題は、TD内のテキストを垂直方向に揃えながら、TDテキストの空白を維持する必要があることです。を有効にするwhite-space: pre-wrapと、テキストはTD内で下揃えになります。そして、そのタグを無効にすると、IEは各文字の間の1つを除くすべてのスペースを削除します。

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

フィドル: http://jsfiddle.net/BLSully/hb4aU/2/