文章の行間を空けるには？？？

あき 1999/10/10(日) 01:43:24
■あいうえお
■かきくけこ
■さしすせそ

というような文字を打ったとします。
ただ行間がくっつきすぎてるのでもう少し離したいのですが
どうしたら良いのでしょうか？？

■あいうえお 
 
■かきくけこ 
 
■さしすせそ
という書き方は乱暴ですか？？

すみません。本読んでも載ってないし、自分で考えてもさっぱり・・・
とても基本的な質問かもしれませんが、こんな僕の為に
誰かアドバイスを下さい。
どうぞよろしくお願いします。

あき 1999/10/10(日) 02:00:06
・・もう一つありました。

■あいうえお　■かきくけこ

とスペースを空けたいんですが、普通にスペースキーでスペースを
入れるだけで大丈夫なんでしょうか？？？

僕DTPの仕事しかしてないので、感覚がDTPの感覚しかなくて・・・。
HPってそういう事したら何か駄目な気がして・・・

よろしくお願いします。

eve 1999/10/10(日) 02:56:49
私なら何のためらいもなく

■あいうえお 
 
■かきくけこ 
 
■さしすせそ

にします。

■あいうえお　■かきくけこ

にするときは、間に入れるスペースは半角ではなく、全角ですよ。

ところで、同じ質問をあと２つ送信ミスで書き込みしてしまわれました？
後の２つは解決印をつけておいていただけるとわかりやすいのですが。

みなみ 1999/10/10(日) 03:47:32
http://www.tohoho-web.com/wwwqa1.htm#LineHeight
が参考になると思います。
私は少しだけ行間を空けたい時
 
と書いたりしますが、
これこそやってはいけないことかもしれません…。

Ｓ [E-Mail] [HomePage] 1999/10/10(日) 04:20:55
みなみさんが「行間の開け方」のページを紹介されていますが、
私もそこで説明されているスタイルシートのline-heightを使うのが
一番だと思います。

全体的に行間をあけるのであれば、ヘッダに
<STYLE TYPE="text/css">

</STYLE>
と書きましょう。

Ｓ [E-Mail] [HomePage] 1999/10/10(日) 07:57:58
> ■あいうえお　■かきくけこ
> とスペースを空けたいんですが、・・・

全角スペースで問題がないと思います。しかし、■の位置を揃えたい
場合は table を使う必要があるかも知れません。

あき 1999/10/10(日) 12:53:10
[[解決]]
ホント！有難うございました。
目から鱗が落ちた気分です。

皆さん本当に本当に有難うございました。
頑張ってHP作っていきます。

たーむ 1999/10/10(日) 21:07:41
もう解決してますが・・・

>私もそこで説明されているスタイルシートのline-heightを使うのが
>一番だと思います。

line-heightを使うと簡単に出来ますが、IE3、Navigator4.xで表示した場合
最悪、内容が読みとれない場合が出てくるのでJavaScriptを使うなどして
IE4/5のみでline-heightが有効になるようにした方が安全ですよ。

えへへ 1999/10/11(月) 12:09:01
私は、行間を空けたい。 
というように、「、」や「。」のように上が空いている文字をちょっと大きくするとスタイルシートに対応してないブラウザでも行間が空いて見えます。

B-Cus 1999/10/11(月) 15:46:11
> Navigator4.xで表示した場合
> 最悪、内容が読みとれない場合が出てくるので
具体的に、「どういう書き方をするとダメ」などという情報はわかりますか?

たーむ 1999/10/11(月) 22:01:01
>具体的に、「どういう書き方をするとダメ」などという情報はわかりますか?

まず、自分のところの環境を。
OS:Windows95
Browser:IE5,Navigator4.05（ちょっと古いですけど）
です。

IE3に関しては今手元にないので確認できないですが、
line-heightを指定すると行間がなくなってすべて
１行に表示されてしまうことが良くありました。

Navigatorの方はそういうことはないと思うのですが、
たとえば
body{font-size:20pt;}などとしておいて


今日、朝は晴れでした・・・（折り返しが出てこないとわかりにくいので何か長文を）
しかし
午後になって急に雨が降り出しました。


などとやるとNavigatorでは「しかし」が含まれている行の行間も変わらずに
前後の行と重なって表示されたりします。
line-heightを「1.2em」「120%」とした場合は親要素の値（この場合20pt）の
1.2倍(120%)の24ptの行間になるのでそうなって正解なのですが、
「1.2」とした場合には常に相対値として子要素のサイズが変われば、
それに伴って変化しなければいけないようです。

あまりこういうことはしないと思うんですけどね。

ほかに、fontで一括指定しようとするときに
font{20pt/1.5em;}
とfont-familyの指定を省略するとNavigatorでは
line-heightの値が無視されてしまいます。

font{20pt/1.5em sans-serif;}
などとしないとダメでした。

杉山 1999/10/11(月) 23:00:30
え？　ということは
<STYLE TYPE="text/css">

</STYLE>
のようなものだけ書いておくのは、やばいということですか？

B-Cus 1999/10/11(月) 23:33:46
なるほろ。NN/NC では IE3 ほど致命的ではないにせよ、動作がおかしいと。
ありがとうございました。

たーむ 1999/10/11(月) 23:54:13
>のようなものだけ書いておくのは、やばいということですか？

僕も「このときに、こういう表示になる」という確証はないのですが
IE3，Navigator4.xでは問題になる場合が時々あるので
（IE3を持ってないんですが）Navigatorなどでチェックをした方がいいと思います。
そこで怪しい場合は別の記述方を考えましょう。

資料を探したところ、詳しく解説しているところがありました。
http://east.portland.ne.jp/~sigekazu/css/text.htm#lineheight

#最初から認識してくれなければ楽なんですけどねぇ

[上に] [前に] [次に]