在表格中，TD标记宽度在HTML中没有正确对齐？

我正在phonegap中为我的应用程序实现一个html表格，并以百分比进行对齐，因为它适用于所有移动屏幕

我用（宽度=100%，高度=60%）创建了表，表包含

• 我的桌子里有3行桌子

• 每个表行包含3个表数据

我想使标签的对齐宽度相等

我已经为td标签指定了33%，但当我在emulator和mobile中签入时，td标签的宽度没有正确显示

请给我这个问题的解决办法

HTML代码：

<table class="metricTable"  background="media/img/Game background.png">
                    <tr>
                        <td class="metrics">                                
                                <input type="hidden" value="matches"/><input class="card_value" type="hidden" value=""/> <div class="card_content" align="center" style="color:#FFFFFF"></div>                              
                        </td>                                                                       
                        <td class="metrics">
                                <input type="hidden" value="runs"/><input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>                              
                        </td>                                                           
                        <td class="metrics">                                
                                <input type="hidden" value="centuries"/><input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>                         
                        </td>
                    </tr>
                    <tr>
                        <td class="metrics">                            
                            <input type="hidden" value="fifties"/> <input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>                      
                        </td>                                                           
                        <td class="metrics">                        
                            <input type="hidden" value="batting_average"/>
                            <input class="card_value" type="hidden" value=""/> <div class="card_content" align="center" style="color:#FFFFFF"></div>                    
                        </td>                                                                       
                        <td class="metrics">                        
                            <input type="hidden" value="wickets"/><input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>                                           
                        </td>
                    </tr>
                    <tr>                                        
                        <td class="metrics">                        
                            <input type="hidden" value="bowling_average"/>
                            <input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>                                         
                        </td>                                               
                        <td class="metrics">                            
                            <input type="hidden" value="best_bowling"/><input type="hidden" value=""/>
                            <input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>                                             
                        </td>                                                   
                        <td class="metrics ">
                        <input type="hidden" value="catches"/><input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>               
                        </td>
                    </tr>
        </table>

.metricTable {
      width:100%;
      height:60%;    
}
.metricTable tr{
    width:100% !important;
    height:20% !important;
}

.metricTable td {
      width:33% !important;  
} 
.metrics{
    cursor:pointer;
    font-size:14px;
} 

---

一旦列具有相同的宽度，为什么不使用

表布局：fixed

我想你也面临着同样的问题