[請益] 表格不同欄列的對齊？

看板Web_Design作者 (Harmonic Inspirations)時間15年前 (2010/08/24 00:02), 編輯推噓2(2推 0噓 6→)
留言8則, 2人參與, 最新討論串1/1
請問如何設定表格在不同欄（列）的對齊 如在第一列字置中 第二列及以後的列皆靠左 我只知道表格要控制靠左或置中 是由CSS設定 但這一設是全部都會同一種 如果只針對某一列設靠左 如：<td width="1000" align = "left"> XXX </td> 卻沒有用 我對CSS的應用只有初步的認識 所以上述的做法或想法應該有誤 請問各位該如何設計較佳？ 感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.240.197.25
→
08/24 00:14, , 1F
你要看css用id/class針對單一元素做設定 很基礎
08/24 00:14, 1F
推
08/24 00:36, , 2F
如果語意符合的話 第一列用th 第二列用td
08/24 00:36, 2F
→
08/24 00:37, , 3F
再用CSS去區分td{}&th{}的text-align
08/24 00:37, 3F
→
08/24 00:41, , 4F
不然的話就要用tr:first-child{text-align:center;}
08/24 00:41, 4F
→
08/24 00:41, , 5F
不過這pseudo-class遇到IE可能會讓你想吐血
08/24 00:41, 5F
→
08/24 00:45, , 6F
更正:是IE6... 要解IE6可用jQuery .addClass
08/24 00:45, 6F
推
08/24 00:51, , 7F
其實也有個簡單解法 第一列的<tr class="XXX">
08/24 00:51, 7F
→
08/24 00:52, , 8F
.XXX{text-align:center;} 其它tr就置左～
08/24 00:52, 8F
‣ 更多 Talenius 的文章
文章代碼(AID): #1CSfkbM- (Web_Design)