無法創建CSS表，如果無用的divs到位

我有一些外國的html，並想用css表格格式化它。不幸的是，html在「表格 - 行 - divs」和「表格 - 單元格」之間包含額外的div。無法創建CSS表，如果無用的divs到位

舉例： HTML：

<div class="tabular"> 
    <div class="useless"> 
    <div class="tabular-row"> 
     <label class="tabular-cell">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</label> 
     <label class="tabular-cell">Name</label> 
     <input type="text" name="entry.3.single" value="" class="tabular-cell" id="entry_3"> 
    </div> 
    </div> 
    <div class="tabular-row"> 
    <div class="tabular-cell"> 
     something 
    </div> 
    <div class="tabular-cell"> 
     display: table-celllllllllllllllllllll; 
    </div> 
    <div class="tabular-cell"> 
     cellllllllllllllllllll 
    </div> 
    </div> 
</div>

我現在的CSS：

div .tabular {display: table; padding: 5px;} 
div .tabular-row {display: table-row;} 
div .tabular-cell {display: table-cell; padding: 5px; }

不幸的是，我不能做，因爲與類「無用」的div表工作。我也無法通過谷歌找到解決方案，儘管我認爲這是微不足道的。你可以幫我嗎？

大衛

來源

2011-10-26 David Graf

你有沒有嘗試過這樣的事情：

div> div> .tabular {display: table; padding: 5px;} 
div> div> .tabular-row {display: table-row;} 
div> div> .tabular-cell {display: table-cell; padding: 5px; }

來源

2011-10-26 18:36:30

這個工作對我來說，當你理清幾個問題

您需要關閉div之間的空間和CSS中的類名稱。 div .tabular應div.tabular等
要添加到display:table-cell和label元素input。取出class那裏和包裝每個元素
你也有一個額外的收盤</div>我刪除

如約div S：http://jsfiddle.net/jasongennaro/Gy3W4/3/

來源

2011-10-26 18:36:40

不幸的是，你的解決方案並沒有解決我的問題。但不知何故，CSS似乎沒有解決方案來解決我的問題。首先，我想我可以通過設置.useless to table-row-group的顯示來繞過它。但是，我看到，我的用例中有另一個無用的div。這是谷歌形式iframe的形式。我想，我需要找到一個解決方案與JavaScript或沒有一個CSS表。 –

無法創建CSS表，如果無用的divs到位

回答

相關問題