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寬度不起作用

回答

相關問題