先ほどからホームページの行間を広げるべく、ネットで「行間・htmlタグ」などで検索し、その通りのhtmlタグを入力しているのですが、いくらやっても行間が広がりません。トライしたのは以下のhtmlタグです。１．（文章） →不成功、行間変わらず２．（文章） →不成功、行間変わらず３． →不成功、行間変わらず４．タグを入れず、単純に行間を開ける。→不成功、行間変わらずどうなっているのでしょうか？何かほかに原因があるのでしょうか？

下記のようにすると2行目の上下は他の行より隙間が空きますよ。 1行目 2行目 3行目 4行目他にも下記のような指定方法もあります。 1行目 2行目 3行目 4行目

まぁ・・本気かどうかは置いておいて・・ > １．（文章） →不成功、行間変わらず spanはインラインを想定して使うから、無理かもね。 > ２．（文章） →不成功、行間変わらずそりゃ、幅だけ指定しても、行間は変わらんわ・・・ > ３． →不成功、行間変わらずいや、高さの記述しないと、どんなタグを使ってもダメでしょ。 > ４．タグを入れず、単純に行間を開ける。→不成功、行間変わらずまぁ、基本ですね・・・・・・・ > どうなっているのでしょうか？何かほかに原因があるのでしょうか？以上が、主な原因です。

ホームページの行間を広げたい！

解決済

質問者：oozora2000
質問日時：2012/05/23 15:02
回答数：4件

先ほどからホームページの行間を広げるべく、ネットで「行間・htmlタグ」などで検索し、その通りのhtmlタグを入力しているのですが、いくらやっても行間が広がりません。
トライしたのは以下のhtmlタグです。
１．<span style="line-height:150%">（文章） </span>　→不成功、行間変わらず
２．<table border="0" width="700">（文章）</table>　→不成功、行間変わらず
３．<div>　</div>　→不成功、行間変わらず
４．タグを入れず、単純に行間を開ける。→不成功、行間変わらず

どうなっているのでしょうか？何かほかに原因があるのでしょうか？

通報する

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

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： saekikkt
回答日時：2012/05/24 22:49

#3の続きの回答

何をなされたいのか？？？？
>単純に、文章1と文章2の間に広いブランクを入れるにはどうしたらよいかということです。
この意味は、下記のような形になれば、良いということでしょうか？
=========================================
文書１
　↑
（この間を空白で開ける）
　↓
文書２
========================================
これなら単純に改行（<br>で空白行）を入れれば済む話では、ないですか？
こんなことではないようにも思うのですが？？？？？
これに近い方法で、貴方は、
「４．タグを入れず、単純に行間を開ける。→不成功、行間変わらず」
でやられていますが、この時の行間を開けるとは、どんな方法をとられたのでしょうか？

先にあげたリンク先にある
<p style="line-height:150%">を使っても下記のようにすれば、空白行は開きますが？？？
---------------------------------------
文書１こちらは、line-height:400%で設定しています。<p style="line-height:400%"><br></p>
文書２
-------------------------------------

- 0
- 件

通報する

この回答へのお礼

＞こんなことではないようにも思うのですが？？？？？
いや、実はこんなことなのです。
単純に文章間にスペースを開けたいということで・・・。
教えて頂いた両方の方法を試しました。
少し、スペースが開いたように見えますが、際立っての変化は認められませんでした。

「４．タグを入れず、単純に行間を開ける。→不成功、行間変わらず」
でやられていますが、この時の行間を開けるとは、どんな方法をとられたのでしょうか？
文章の塊の後に、</table>と入れ、その後単純に1行スペースを入れましたら、見た目も1行開きました。

まだわからないこと、上手く行かないことが沢山ありますが、見かけたら教えて下さい。

通報する

お礼日時：2012/05/25 10:54

No.3

回答者： saekikkt
回答日時：2012/05/23 15:59

どんなサイトを参考にされているのでしょうか？

たとえば、下記のサイトを見られましたか？
http://www.1uphp.com/con1/abc/lineheight.html
http://www.dspt.net/seo/001/005.html

２～4は、意味がないです。
１．について以下のようにすると一応行間は、変わりますが？？？

<BODY><span style="line-height:150%">（文章1）<br> </span>
こちらは、広めの設定に設定してあります。<br>
<br>
<span style="line-height:75%">（文章2）<br>
こちらは、狭く設定してあります
</span></BODY>

- 0
- 件

通報する

この回答へのお礼

大変懇切丁寧に教えて頂き、ご投稿には感謝します。
冒頭の2つのサイトも拝見しました。
しかし、その通りにしましたが、相変わらずうまくいきません。
私の知りたいのは、文章1のように行間の広い部分と文章２のように行間の狭い部分を作ることではなく、単純に、文章1と文章2の間に広いブランクを入れるにはどうしたらよいかということです。
しかし、そのことが頂いた資料には書いてありません。色々応用してやってみましたが、上手く行きません。前に比べて行間が広がったようにも見えません。

通報する

お礼日時：2012/05/24 13:44

No.2

回答者： t_ohta
回答日時：2012/05/23 15:50

下記のようにすると2行目の上下は他の行より隙間が空きますよ。

1行目<br>
<span style="line-height:150%;">2行目</span><br>
3行目<br>
4行目<br>

他にも下記のような指定方法もあります。
1行目<br>
<div style="margin-top:50px; margin-bottom: 50px;">2行目</div>
3行目<br>
4行目<br>

- 0
- 件

通報する

この回答へのお礼

有難うございました。
あいにく書かれたとおりにやってみましたが、代わり映えしません。

通報する

お礼日時：2012/05/23 16:04

No.1

回答者： tsubuyuki
回答日時：2012/05/23 15:48

まぁ・・本気かどうかは置いておいて・・

> １．<span style="line-height:150%">（文章） </span>　→不成功、行間変わらず
spanはインラインを想定して使うから、無理かもね。

> ２．<table border="0" width="700">（文章）</table>　→不成功、行間変わらず
そりゃ、幅だけ指定しても、行間は変わらんわ・・・

> ３．<div>　</div>　→不成功、行間変わらず
いや、高さの記述しないと、どんなタグを使ってもダメでしょ。

> ４．タグを入れず、単純に行間を開ける。→不成功、行間変わらず
まぁ、基本ですね・・・・・・・

> どうなっているのでしょうか？何かほかに原因があるのでしょうか？
以上が、主な原因です。