trとtrの間

締切済

質問者：yaritai
質問日時：2015/01/25 17:06
回答数：1件

縦幅だけ開ける方法はありますでしょうか？
CSSは怖くていじれません

1行1列目の要素　1行2列目の要素
2行1列目の要素　2行2列目の要素
3行1列目の要素　3行2列目の要素
4行1列目の要素　4行2列目の要素

現状こういうこういう感じのテーブルを、

1行1列目の要素　1行2列目の要素

2行1列目の要素　2行2列目の要素

3行1列目の要素　3行2列目の要素

4行1列目の要素　4行2列目の要素

こういうイメージに変更したいです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： ORUKA1951
回答日時：2015/01/25 18:39

というか、「構造とプレゼンテーションの分離(

http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」は基本ですから、単純にtable書いてスタイルシートで調整するほうが楽ですし危険もない。そもそも上記に書かれているようにメンテナンスも楽になる。失敗したらスタイルシート書き換えればよい。

　スタイルシート使うと、HTML使うよりはるかに多彩なデザインができますよ。HTMLシンプルなのでメンテナンスも楽。
※タブは　(全角スペース)に置換してあるので戻す。
<table border="1" summary="サンプルの表">
　<tbody>
　　<tr>
　　　<th>一列目</th><th>二列目</th>
　　</tr>
　　<tr>
　　　<td>1行1列目の要素M</td><td>1行2列目の要素</td>
　　</tr>
　　<tr>
　　　<td>2行1列目の要素</td><td>2行2列目の要素</td>
　　</tr>
　　<tr>
　　　<td>3行1列目の要素</td><td>3行2列目の要素</td>
　　</tr>
　　<tr>
　　　<td>4行1列目の要素</td><td>4行2列目の要素</td>
　　</tr>
　</tbody>
　　</table>

に対して、<head></head>内に
<style type="text/css">

　</style>