[問題] 讓表格的某兩欄保持一樣寬度

看板Web_Design作者 (小小吳)時間12年前 (2013/03/24 12:26), 編輯推噓1(101)
留言2則, 2人參與, 最新討論串1/1
先附上連結: http://jsfiddle.net/NZ96z/ 目前正在製作一項測驗的登入畫面, 不過在「學校的下拉選單」和「座號的下拉選單」寬度就變得不一樣, 應該是因為性別欄切割成兩個 radio 造成的,而且我沒有指定儲存格的寬度。 表格是 4 欄 3 列,「學校文字」一欄,「學校的下拉選單」一欄,以此類推。 本問題不考慮手機瀏覽,僅考慮一般電腦,因為測驗媒體已經是設計好的 Flash XD 想請問大家,有沒有比較適當的方式,可以讓兩邊的下拉選單那兩欄保持一樣寬度? 假設方式 1. 直接指定該兩欄 td 的寬度為幾 % 好像沒有效。 假設方式 2. 直接指定該兩欄 td 的寬度為幾 px 或幾 pt 不過我希望這個網頁在不同寬度視窗的情況下都維持最大化表格。 假設方式 3. 把這個表格改用 div float:left/right 做 還沒試過,但事先推測這方法應該也達不到我要的效果。 假設方式 4. 把性別的 radio 改用下拉選單 不過這樣會讓使用者需要多點一下才能選好性別。 請問有其他的方式嗎?還是必須利用 js 處理?謝謝回答。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 163.24.254.38

03/24 12:53, , 1F
03/24 12:53, 1F
感謝,這個方式有效,另外您好像還有額外修正其他東西,非常感謝。

03/24 13:07, , 2F
假設方式1無效有可能是沒有指定table寬度
03/24 13:07, 2F
下午突然就試不出來為什麼中午發現方法 1 無效 orz 我當時只對那兩欄設寬度,其他欄沒設。 ※ 編輯: willy69wu31 來自: 163.24.254.38 (03/24 16:54)
文章代碼(AID): #1HJe1p1Z (Web_Design)