HTML表格，列，標題是水平的，行是垂直

Question

了簡要解釋

我想創建一個HTML表格一樣，

預先感謝您。

Answer 1

未來，請儘量提供一些代碼，以便我們理解您在做什麼;如果您提供代碼，則語言障礙不一定是不可逾越的障礙。

我想我知道你在哪裏有一些麻煩;它與垂直運行的列一樣。我建議你嘗試這樣的CSS：

tbody tr:first-of-type td{ 
    word-wrap: break-word; 
    width:1px; 
    padding:5px 2em; 
} 

對於這個網站：

<tr> 
    <td></td> 
    <td>C o l u m n 1</td> 
    <td>C o l u m n 2</td> 
    <td>C o l u m n 3</td> 
    <td>C o l u m n 4</td> 
    <td>C o l u m n 5</td> 
    </tr> 

如果你不想在那裏有先進的選擇，你可以很容易地應用類到每個相關單元。這裏有一個codepen作爲演示：

http://codepen.io/anon/pen/YWZNzV

---

或者，你可以做這樣的事情： http://codepen.io/anon/pen/grvgwZ

的Html

<tr> 
    <td></td> 
    <td><span>Column&nbsp;1</span></td> 
    <td><span>Column&nbsp;2</span></td> 
    <td><span>Column&nbsp;3</span></td> 
    <td><span>Column&nbsp;4</span></td> 
    <td><span>Column&nbsp;5</span></td> 
    </tr> 

的CSS

span{ 
    writing-mode: vertical-rl; 
    text-orientation: upright; 
}