行3のテーブルで左を2列、真ん中・右を列1のテーブルを作ったのですが、テーブル内に文字を入力し、行間を130%とりたくて、スタイルシートで「TD{line-height : 130%;}」と指定したのですが、行間が開きません。正しいやり方を教えて下さい。
http://www.tagindex.com/stylesheet/text_font/line_height.html
スタイルシート[CSS]/テキスト・フォント/行間を指定する - TAG index
文字列のなかの空白(スペースキー)のとり方がおかしいのではないでしょうか。
そもそも、テーブルの「行」と、テキストの「行」は、その意味と構造が違います。
テーブルや<div>のようなタグで示されるものは「ブロック」要素になり、
テキスト(普通の文字列)などは「インライン」要素というように、別けられています。
今回の「line-height」は、インライン要素のタグにしか有効ではありませんので、テーブルの行間を空けるのであれば、
「padding」や「margin」などを利用してください。
説明不足ですみません。テーブル内に書いた文字の行間をあけたいのです。
http://www.d3.dion.ne.jp/~tiyoko01/style/st-hyo/hyo8.html
StyleSheet テーブル内の行間を指定
こちらではどうでしょう。
ページ全体ででしたら
<!--
body,td { line-height: 130%;}
-->
でも可能です。
有難うございます。
ダメでした……。
これはもう、違う所に問題あるのかな…。
外部スタイル(td.css)を使った例です。
td.cssの記述:
TD { line-height:130%; }
内部スタイル(インラインスタイル)を使った例です。
<TD style=”line-height:130%;”>
内部スタイルでやってみたらいけました!!
有難うございました!
半角スペースが入っている。とか、そういうことでしょうか?