- ベストアンサー
CSSにてtr内でtdを縦並びにする
<table> <tr> <th>th</th> <td>td</td> </tr> </table> thとtdが横に並ぶと思うのですが、 どうにかCSSで縦に並べることってできませんでしょうか?? 変な質問かと思いますがどなたかどうぞよろしくお願い致します。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
こんな感じでしょうか。。 <html> <head> <style type="text/css"> table{ position:relative; } table th{ height:50px; position:absolute; border:#CCCCCC 1px solid; padding:0; margin:0; font-weight:normal; } table td{ height:50px; position:absolute; top:54px; padding:0; margin:0; border:#CCCCCC 1px solid; } </style> </head> <body> <table> <tr> <th>th</th> <td>td</td> </tr> </table> </body> </html>
お礼
ありがとうございます。助かりました!!