A HTMLの表は、列で、ヘッダは水平であり、行は垂直

Question

あり、事前にありがとうございます。

Answer 1

将来的には、あなたがしていることを理解できるようにいくつかのコードを提供してください。 コードを提供する場合、言語障壁は避けられない障害である必要はありません。

私はどこに問題があるか知っていると思います。列が垂直方向に走っています。あなたがそこに高度なセレクタを持ってしたくない場合は、

<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> 

あなたは簡単に適用することができます。このHTML用

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

を：私はあなたがCSSのためにこのような何かをしようとお勧めしたいですそれぞれの関連する細胞に分類される。

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

---

また、あなたはこのような何かを行うことができます：ここではデモとしてcodepenだ 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; 
}