td元素内的文本需要集中,除了总结和体验.这只适用于Firefox / chrome.在IE8中,所有td文本都显示为左对齐.无论我尝试什么都不重要.有什么特别的原因呢?
CSS
#viewAll {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
width: 100%;
border-collapse: collapse;
margin-left: 10px;
table-layout: fixed;
}
#viewAll td,#viewAll th {
font-size: 1.1em;
border: 1px solid #98bf21;
word-wrap: break-word;
text-align: center;
overflow: hidden;
}
#viewAll tbody td {
padding: 2px;
}
#viewAll th {
font-size: 1.1em;
padding-top: 5px;
padding-bottom: 4px;
background-color: #A7C942;
color: #ffffff;
}
表
<?PHP
echo '<table id="viewAll" class="tablesorter">';
echo '<thead>';
echo '<tr align="center">';
echo '<th style="width:70px;">Product</th>';
echo '<th style="width:105px;">Prob</th>';
echo '<th style="width:105px;">I</th>';
echo '<th style="width:60px;">Status</th>';
echo '<th style="width:120px;">Experience</th>';
echo '<th style="width:200px;">Technical Summary</th>';
echo '<th style="width:80px;">Record Created</th>';
echo '<th style="width:80px;">Record Updated</th>';
echo '<th style="width:50px;">Open</th>';
echo '</tr>';
echo '</thead>';
echo '<tbody>';
while ($data=MysqLi_fetch_array($result)){
#limiting the summary text displayed in the table
$limited_summary = (strlen($data['summary']) > 300) ? substr(($data['summary']),300) . '...' : $data['summary'];
$limited_exp = (strlen($data['exp']) > 300) ? substr(($data['exp']),300) . '...' : $data['exp'];
echo '<tr align="center">
<td style="width:70px; text-align:center;">'.$data['product'].'</td>';
//if value is '-' do not display as link
if ($data['prob'] != '-'){
echo '<td style="width:105px;">'.$data['prob'].'</a></td>';
}
else{
echo '<td style="width:105px; ">'.$data['prob'].'</td>';
}
if ($data['i'] != '-'){
echo '<td style="width:105px; ">'.$data['i'].'</a></td>';
}
else{
echo '<td style="width:105px; ">'.$data['i'].'</td>';
}
echo'<td style="width:40px; " >'.$data['status'].'</td>
<td style="width:120px; text-align:left;">'.$limited_cust_exp.'</td>
<td style="width:200px; text-align:left;">'.$limited_summary.'</td>
<td style="width:80px; ">'.$data['created'].'</td>
<td style="width:80px; ">'.$data['updated'].'</td>';
if (isset($_SESSION['username'])){
echo '<td style="width:50px; "> <form action="displayRecord.PHP" method="get">'.'
<input type="hidden" name="id" value="'. $data['id'].'" style="text-decoration: none" /><input type="submit" value="Open" /></form></td>';
}else{
echo '<td style="width:50px; "> <form action="displayRecord.PHP" method="get">'.'
<input type="hidden" name="id" value="'. $data['id'].'" style="text-decoration: none" /><input type="submit" value="View" /></form></td>';
}
echo '</tr>';
}#end of while
echo '</tbody>';
echo '</table>';
?>
编辑1:
我刚刚通过xampp尝试了完全相同的代码,它将其置于IE中.任何想法,为什么它可以通过XAMPP在我的本地机器,但不通过服务器? (现在很困惑)
编辑2:
jsfiddle
<!DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"\u0026gt; 将这行代码添加到顶部,它将会工作.