2017-03-02 107 views
1

我想在我的表中有一個colspan有這個CSS。colspan不會工作,當表左浮動

tr { display: block; float: left; } 
th, td { display: block; border: 1px solid black; } 

我已經嘗試過colspan和rowspan,但它只覆蓋1列什麼價值,我給它。

這裏是我的小提琴:https://jsfiddle.net/proabid/04rebu95/2/

+0

你需要什麼的'浮動:left'和'顯示:block'呢? – Swellar

+0

@CarlJan我希望每個列(th)都顯示其屬性(td)。 – Procode

+0

爲什麼不把''放在''中,而不是放在''內?你可以在不使用'display:block'和'float:left'的情況下在小提琴中獲得相同的結果。 – Swellar

回答

1

這裏

table { 
 
    border: 1px solid black; 
 
} 
 

 
th { 
 
    background-color: gray; 
 
} 
 
th, td {border: 1px solid black; }
<table> 
 
    <thead> 
 
    <th>Table header</th> 
 
    <th>Table header</th> 
 
    <th>Table header</th> 
 
    </thead> 
 
    <tr> 
 
    <td>1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 
    </tr> 
 
    <tr> 
 
    <td>1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 
    </tr> 
 
    <tr> 
 
    <td>1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 
    </tr> 
 
</table>

+0

感謝您的時間。這不是我正在尋找的。我希望我的數據能夠垂直顯示。所以第一排我會1 1 1,而不是1 2 3等等。 – Procode

+0

我明白了,你會從左到右而不是從上到下顯示? – Swellar