HTML表colspan屬性

我使用下面的HTML代碼製作日曆：HTML表colspan屬性

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head></head> 
<body> 
    <table border="1"> 
     <tr> 
      <td colspan="2">Mon</td> 
      <td colspan="2">Tue</td> 
      <td colspan="2">Wed</td> 
      <td colspan="2">Thu</td> 
      <td colspan="2">Fri</td> 
     </tr> 
     <tr> 
      <td colspan="1">Item1</td> 
      <td colspan="9">Item2</td> 
     </tr> 
    </table> 
</body>

每一天都有2的合併單元格，這樣我可以告訴一個項目是否發生只是在早晨或一整天等

在上面的例子中，我想要在第一個單元格（星期一上午）顯示「Item1」，並從星期一下午到星期五顯示「Item2」。

但是，在查看輸出時，「Item1」佔用整個Mon，「Item2」從週二到週五顯示。

是否可以做我想做的事情？

感謝

來源

2012-01-22 chester600

我認爲問題是，你實際上必須有colspan="1"一排，以便您的跨度，以實際工作。

如果你實際上代表AM/PM在您的日曆，爲什麼不添加行下的「週一週二至週五...」行，像這樣：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <style> 
    td,th { min-width: 50px; } 
    </style> 
</head> 
<body> 
    <table border="1"> 
    <thead> 
     <tr> 
     <th colspan="2">Mon</th> 
     <th colspan="2">Tue</th> 
     <th colspan="2">Wed</th> 
     <th colspan="2">Thu</th> 
     <th colspan="2">Fri</th> 
     </tr> 
     <tr> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <td colspan="1">Item1</td> 
     <td colspan="9">Item2</td> 
     </tr> 
    </tbody> 
    </table> 
</body> 
</html>

我也把頭變成<thead>，將實際項目變成<tbody>，並且製作標頭<th>標籤而不是<td>。

來源

2012-01-22 14:57:10 Frost

感謝您的回覆，這完成了這項工作。有人向我提出這個建議，但我希望避免，因爲日曆最終可能會擴大到一個月的觀點，而31 AM/PM可能會有點混亂。再次感謝 – chester600

好吧，你可以像其他大多數日曆一樣，爲月視圖製作單獨的視圖。另外，如果這回答了你的問題，你介意接受答案嗎？ – Frost

試試這個：

<td colspan="1">Item1</td> 
<td colspan="1">&nbsp;</td> 
<td colspan="8">Item2</td>

來源

2012-01-22 14:49:33 Sparky

感謝您的快速回復。這樣做爲Mon的第二個單元格放置了一個空單元格，我希望Mon的第二個單元格成爲「Item2」單元格的一部分。 – chester600

對不起，我誤解了你試圖達到的目標。你在做什麼應該可以工作，但瀏覽器中的表格渲染有時會產生不可預知的結果。嘗試設置COLWIDTH屬性來強制每個列使用特定大小（比如10％），看看是否有幫助... – Sparky

沒問題，我的問題可能有點不清楚。設置寬度似乎對錶格的顯示沒有影響。弗羅斯特的回覆似乎已經完成了這項工作。謝謝你的幫助。 – chester600

HTML表colspan屬性

回答

相關問題