包含單選按鈕的表格在Firefox和移動Safari中很有用

我有一個表格，其中包含具有「固定」內容的一行，然後是包含來自數據庫內容的一定數量的行。每行中的前3 <td>每個都包含一個單選按鈕，它是表單的一部分。我的問題是，包含單選按鈕的這些字段正在使表格拉伸，這使得其他字段太小。請參閱我的附照片（首先從蘋果Safari瀏覽器/鍍鉻和Firefox中的第二）：包含單選按鈕的表格在Firefox和移動Safari中很有用

在Chrome中：

在Firefox：

下面是我的代碼的一部分，它打印單選按鈕。我擁有tr，td，table，form等所有必需的開始和結束部分。作爲單選按鈕的名稱打印的php變量只包含一個整數並且不包含其他字符。

echo '<tr>'; 
echo '<td class="tg-s6z2"><input type="radio" name="'.$koncerter->kon_id.'" value="0" checked /></td>'; 
echo '<td class="tg-s6z2"><input type="radio" name="'.$koncerter->kon_id.'" value="1" /></td>'; 
echo '<td class="tg-s6z2"><input type="radio" name="'.$koncerter->kon_id.'" value="2" /></td>';

任何建議，我該如何解決這個問題？我也嘗試添加這周圍的div容器：

<div class="content" style="max-width:650px;">

來源

2014-09-03 Feller

我還應該注意，如果我刪除單選按鈕並將其替換爲某些文本，則不會發生此問題。 – Feller 2014-09-03 19:19:30

因爲當你刪除的單選按鈕，它會恢復正常，那麼你可能有一個CSS聲明input，其寬度（如300像素寬）。所以，簡單地去除寬度，或做到這一點：

input[type="radio"]{width:30px; /*or whatever */}

或本：刪除造型的輸入，然後只針對你需要

input[type="text"]{width:120px; /*or whatever */}

在第一種情況下的，我們將添加一個只適用於收音機。在第二個選項中，我們將重置樣式，然後僅對您需要的元素進行樣式設置

來源

2014-09-03 20:50:19 Devin

包含單選按鈕的表格在Firefox和移動Safari中很有用

回答

相關問題