Td宽度不起作用

-1

只有引导CSS的表宽度工作正常，但与我的CSS样式td宽度显示非常糟糕。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/

来源

2016-06-09 Funny Frontend

你似乎在你的提琴下面的CSS：

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

这是造成您的问题。如果你可以用下面的行替换这个CSS它会工作得很好：

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

我会建议使用的输入和选择不同的CSS声明。很可能你想要比输入有更宽的选择元素。

来源

2016-06-09 10:59:00 thepio

好回答，视线良好;） –

哈哈耶：PI实际上是用我的自我辩论，如果这应该只是一个评论，但你永远不知道关于提问者的技能水平等。这会做这个时间:) – thepio

当我看到小提琴中的整个代码（最小，完整和可验证的例子对于OP，LOL没有意义）时，我迷路了，所以我立即关闭浏览器标签。但是当我关闭标签时，我会看到你的答案，然后我测试它，它就可以工作。所以这是正确的答案。 :) –

您还可以更改这些行来解决它：

老：

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

新：

.puntosdeventa input[type='text'], .puntosdeventa select { 
    width:235px; 
}

https://jsfiddle.net/5ghpqx8L/5/

来源

2016-06-09 11:04:21 kkakkurt

您已设置的所有的宽度输入（包括单选按钮）为235px，这迫使第一列扩大。

尝试添加新的样式规则，像什么：

.puntosdeventa input[type='radio'] { width:auto; }

来源

2016-06-09 11:19:32

Td宽度不起作用

回答

相关问题