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

参考URL

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

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

つまり、white-space: normal; で試してみてください。

于 2014-03-18T18:22:05.313 に答える
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 に答える