製作表格單元格塊元素

我目前的任務是爲我的作品網站製作移動樣式表，並且我已經用一些最後階段打了一堵牆。製作表格單元格塊元素

我的主要限制是我無法編輯源代碼HTML並必須使用提供的源代碼。

我想製作一個包含按鈕的表格，當它通過將按鈕（表格單元格）放到它自己的行中而達到450px寬度時響應。我可以簡單地通過divs而不是tables來做到這一點。我已經創建了一個我想要做的簡單示例http://test.aboutcher.co.uk/so/tables.html但我不知道如何在表格中實現這種效果。

我知道表格是佈局的一個壞主意，但我不能在源代碼中改變這個，所以必須用它來對抗我的方式。

編輯
我發現我的問題，還有未獲得源應用的display:block風格造成正在接收樣式忽略顯示其他兩個非細胞：塊。

來源

2013-02-25 Adam

雖然這不是一個理想的方法。但正如我所看到的，我認爲你可以創建另一個表格行，並通過不顯示任何內容來隱藏它;然後使用CSS媒體查詢，在其中設置指定的寬度：XXpx;和倒二coloumn到display: none;和底部表colomn設置爲display : block;

希望是有道理的

@media (max-device-width = 400px) { 
    .second-column{display:block;} 
.first-column{display:none;} 
}

來源

2013-02-25 11:31:15 defau1t

我發現我的問題，有一個非單元格沒有得到顯示：在源代碼中應用的塊樣式導致另外兩個接收樣式忽略顯示：塊。 – Adam 2013-02-25 11:36:20

你只需要定義你的td是display:block和操縱他們爲您div。看看這個演示：http://jsfiddle.net/68EQK/

來源

2013-02-25 11:33:51 otinanai

我發現我的問題，有一個非單元格沒有得到顯示：在源代碼中應用的塊樣式，導致接收樣式的其他兩個忽略顯示：塊。 – Adam 2013-02-25 11:37:03

製作表格單元格塊元素

回答

相關問題