1

在 IE 中使用 CSS nowrap 在 IE 中出现问题,在 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>';}?>
4

2 回答 2

0

在 Internet Explorer 中,我们必须使用 whiteSpace 属性才能使文本不换行,whiteSpace 的使用文档链接如下。祝你好运,并记得使用最新版本的 IE 以保持准确性。

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

于 2014-03-18T18:16:15.187 回答
0

参考网址

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

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

试试 ie white-space: normal;

于 2014-03-18T18:22:05.313 回答