用css和div模擬rowspan？

您好我想模擬使用div和標籤的css上的rowspan屬性，因此它可以在：active = double height上更改，但此時它會從兩行增長到三行。用css和div模擬rowspan？

它只適用於第一列的擴展，如果我擴大第二，第三等，那麼它會增長到三行。

這裏它的示例代碼工作，它仍然在兩行。

<div style="float:left;width:750px;text-align:center;height:30px;"> 

    <a href="#" style="float:left;width:149px;height:30px;">1</a> 
    <a href="#" style="float:left;width:149px">2</a> 
    <a href="#" style="float:left;width:149px">3</a> 
    <a href="#" style="float:left;width:149px">4</a> 
    <a href="#" style="float:left;width:149px;">5</a> 

    <a href="#" style="float:left;width:149px">1</a> 
    <a href="#" style="float:left;width:149px">1</a> 
    <a href="#" style="float:left;width:149px">1</a> 
    <a href="#" style="float:left;width:149px">1</a> 
</div>

但如果我做到以下幾點：

<div sytle="width:750px;text-align:center;height:30px;float:left"> 
<!--Row 1----> 
    <a href="#" style="float:left;width:149px">1</a> 
    <a href="#" style="float:left;width:149px;height:30px;">2</a> 
    <a href="#" style="float:left;width:149px">3</a> 
    <a href="#" style="float:left;width:149px">4</a> 
    <a href="#" style="float:left;width:149px;">5</a> 
<!--Row 2----> 
    <a href="#" style="float:left;width:149px">1</a> 
    <a href="#" style="float:left;width:149px">1</a> 
    <a href="#" style="float:left;width:149px">1</a> 
    <a href="#" style="float:left;width:149px">1</a> 
</div>

然後，它會成長爲三排。

我正在嘗試做兩行選項卡，因此當您選擇頂部的選項卡時，它將展開該行以指示其已被選中。

因爲頂部有5個元素，底部有4個元素，所以當您在頂部選擇一個元素時，需要展開下面元素的空間。

來源

2010-01-26 Amra

只是一個側面說明。如果它是一個你正在創建的表，你不能使用TABLE元素嗎？如果你想使用「語義清理」解決方案，那麼列表應該由'UL'或'OL'標記，並且包含'LI'元素來分隔列表項。 – naivists 2010-01-26 10:10:15

感謝您的評論，我不能使用表格，因爲當超鏈接被點擊時，我需要更改rowspan屬性表單css，並且css沒有獲得rowspan屬性。 – Amra 2010-01-26 10:13:26

你不能用一點Javascript來幫忙嗎？如果你可以像天真主義者說的那樣，你應該用正確的語義標記文本。 – Paolo 2010-01-26 10:20:27

使用JavaScript（和jQuery）將讓你用它來了解更容易 - 和語義合適 - table細胞rowspan和colspan屬性。

jQuery非常容易學習！你會發現很多的幫助在這裏Stackoverflow :)

來源

2010-01-26 10:32:26 MDCore

它確實是，雖然學習曲線起初可能很苛刻...... – 2010-01-26 10:44:32

我假設提問者有一些熟悉編程:) – MDCore 2010-01-26 10:51:05

嗨MDCore，可以說我沒有那麼多，我做了一些JavaScript，VBScript，但不幸的是，由於我的工作不多。試着在我自己的時間學習，但沒有太多繁忙的生活。 – Amra 2010-01-26 10:55:12

用css和div模擬rowspan？

回答

相關問題