CSS白空間：nowrap在IE中不起作用

Question

在IE瀏覽器中使用CSS nowrap出現問題，在Chrome中完美運行。任何人都可以在IE和Chrome瀏覽器中進行渲染而不用任何包裝？

HTML

<div id="sub_cont"></div> 

CSS

#content{ 
height:14px; 
text-align: left; 
text-decoration: none; 
width: 450px; 
padding-top:25px; 
white-space: nowrap; 
} 

#content #sub_cont{ 
width: 450px; 
display:none; 
height:14px; 
} 

#content .no-rec{ 
color:#000; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
padding:5px; 
border-bottom:solid #000; 
text-align:left; 
background:#EBEBEB; 
} 

#content .each_rec { 
background: none repeat scroll 0 0 #EBEBEB; 
border-bottom: medium solid #000000; 
color: #000; 
font-family: Arial,Helvetica,sans-serif; 
font-size: 14px; 
padding: 5px; 
height:12px; 
} 

PHP

<?php 
echo "<h2>Search Result</h2>"; 
echo "<table border='0' id='content' cellspacing='2' cellpadding='5'> 
<tr bgcolor='#FFFFCC'> 
<th>VM Name</th> 
<th>vCenter Name</th> 
</tr>"; 

while ($row = sqlsrv_fetch_array($result)) 

{ 
echo "<tr class='each_rec'>"; 
echo "<td>" . $row['VM_NAME'] . "</td>"; 
echo "<td>" . $row['VCENTER_NAME'] . "</td>"; 
echo "</tr>"; 
} 
echo "</table>"; 

if($total==0){ echo '<div class="no-rec">No Record Found !</div>';}?> 

Answer 1

在Internet Explorer中，我們必須使用white-space屬性，以NOWRAP文本，爲空白使用的文檔鏈接如下。祝你好運，並記得使用IE的最新版本，以保持準確性。

鏈接：http://msdn.microsoft.com/en-us/library/ie/ms531182(v=vs.85).aspx

Answer 2

參考網址

https://stackoverflow.com/a/18129006/1312610

http://css-tricks.com/almanac/properties/w/whitespace/

嘗試它即 空白：正常;