Table 显示问题，仅在 Chrome

Question

我真的不知道怎么处理，table 在 Firefox/IE

上工作正常

见：

在 chrome 上：

这里是 table

的实际 css

table {
padding: 24px;
margin: 0 auto;
width: 550px;   
}

td#tadmin

td#tabmin {
width: 30px;
height: auto;
float: left;
font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 15px;
}

尝试过

table-layout: fixed;

不工作。

根据要求，我使用 echo 在 php 中显示 table：

echo "<table style='padding:24px;margin:0 auto;width:550px;'>".  
  "<tr>".
     "<td id=tabmin  >".
     "<div class=tabminscale style=text-align:center;>"
     .$row['min']."'"."</div>". 
     "</td>".
       "<td id=tabcom >" .
       "<div id=commentaires>".
       $row['commentaire']."</br>".
       "</td>".
"</tr>".
</div>";

Answer 1

您的标记是 invalid. Always check you markup with validator。

所以，如果您删除 PHP 内容，您将得到：

<table style='padding:24px;margin:0 auto;width:550px;'>
    <tr>
        <td id=tabmin>
            <div class=tabminscale style=text-align:center;>foo</div>
        </td>
        <td id=tabcom>
            <div id=commentaires>bar</br> <!-- invalid closing for br tag -->
        </td>
    </tr>
    </div> <!-- wrong -->
    <!-- where's </table>? -->
    <!-- also add quotes to HTML Attributes-->

改为：

<table style='padding:24px;margin:0 auto;width:550px;'>
    <tr>
        <td id='tabmin'>
            <div class='tabminscale' style='text-align:center;'>foo</div>
        </td>
        <td id='tabcom'>
            <div id='commentaires'>bar<br/></div>
        </td>
    </tr>
</table>

Table 显示问题，仅在 Chrome

Table display issue, only in Chrome

html

css

google-chrome

css-tables