html - Td 宽度不起作用

Question

仅使用 Bootstrap css，表格宽度工作正常，但使用我的 css 样式，td 宽度显示非常糟糕。

<table>                                                                            
     <tbody>                       
        {#items}
        <tr onclick="selectPickPoint(this);">
            <td width="50" align="center"><input name="pickpointid" type="radio" value="{customer_id}"></td>
            <td width="300">
                <b>{name}</b> <i style="font-size:9px;">#{customer_id}</i>
                <br>
                {address} <br> {postal_code} <a href="{map_link}" target="_blank" style="font-size:10px;">(ver en el mapa</a>)</td>
        </tr>
        {/items}
    </tbody>
</table>    

您可以在此处查看呈现的示例(请参阅已选择的商店表): https://jsfiddle.net/5ghpqx8L/3/

Answer 1

您的 fiddle 中似乎有以下 css:

.puntosdeventa input, .puntosdeventa select {
  width: 235px;
}

这导致了您的问题。如果您可以将此 css 替换为以下行，它将正常工作:

.puntosdeventa input, .puntosdeventa select {
  width: auto;
}

我建议对输入和选择使用不同的 css 声明。很可能您想要比输入更宽的选择元素。