• ベストアンサー

上下の文字の隙間を空けたい!

タイトル通りなのですが、普通に文字を書くと どうしても上下の隙間が狭くなってしまいますよね でも、行を一つ飛ばしで書くと少し広くなってしまいます。 適度な隙間を空けるにはどうしたらいいのでしょうか?

  • upas
  • お礼率89% (239/266)
  • HTML
  • 回答数5
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
noname#21343
noname#21343
回答No.1

スタイルシートで line-height ですかねぇ。こんな感じ。 <html <head> <title>hogehoge</title> <style type=text/css> <!-- p {line-height:100%;} --> </style> <body> 100%のところを適当に変えると、行間も変わります。 スタイルシートを使うと、↑みたいなコトは簡単にできます。覚えて、損はないですよ。

その他の回答 (4)

noname#21343
noname#21343
回答No.5

No1です。 ちょっと記述ミスm(_ _)m。</head>が抜けてました。 No2さんがご回答のように、 <style>~</style>は <head>~</head>内に記述してください。ということで <html> <head> <title>hogehoge</title> <style type=text/css> <!-- p {line-height:100%;} --> </style> </head> <body> --です。

upas
質問者

お礼

分かりました! 回答くださったみなさん有難うございます。 時間がなくて一つずつお礼できなくてすみません;

  • m-happy-t
  • ベストアンサー率30% (72/239)
回答No.4

改行を使用すればよいのでは。 改行は<br>です

  • the845t
  • ベストアンサー率33% (246/743)
回答No.3

>普通に文字を書くと >どうしても上下の隙間が狭くなってしまいますよね これはそのままの幅だから、狭くなるという言い方はどうかと? 行間を変えるのであれば、スタイルシートを利用しましょう。 <head> <style type="text/css"> <!-- p.p1{ line-height:130%; } --> </style> </head> <body> <p class="p1">ああああああああああああああ<br>あああああああああああああああ<br>あああああああああ</p> </body> http://tohoho.wakusei.ne.jp/css/reference.htm#line-height

参考URL:
http://tohoho.wakusei.ne.jp/css/reference.htm#line-height
  • selene_pl
  • ベストアンサー率49% (102/207)
回答No.2

一番わかりやすいのは、スタイルシートの使用でしょうか。 <head>~</head>の間に、 <style type="text/css"> body,p,table{ line-height : 150%; } </style> を入れてください。 数値は、100%で隙間なし、200%で一行空きになるので、 自分で見やすいように設定してください。

関連するQ&A

  • 上下のBOXの隙間を取り除きたい

    現在外部CSSでHPを作っています。 ブラウザはIE6で、Dreamweaver4を使っています。 http://okwave.jp/qa3346133.html 上記で最初の質問をさせていただきました。 最初の質問とはタイトルが違うのですが、 解決していきつつ他の問題が出てきてしまったので 新規で再度質問をさせていただいています。 ページ内にエクセルの表のようなものを作りたいと思っています。 セルで例えて説明しますと、 A1にタイトル・B1に本文、A2にタイトル・B2に本文と繰り返し、 数十行の表を作ろうと思っています。 最初はAとBの高さもバラバラだったのですが、 何度もアドバイスをいただきABに入れる文言の文字数が違っても高さはあうようになりました。 ですが、A1B1とA2B2の間に16pxの隙間ができてしまい、ぴったり合わないのです。 左右上下ともに隙間がないものが理想です。 その隙間はどのようにして取り除けば良いですか? どうか皆さまのお力をお貸しください。 よろしくお願いいたします。

  • Microsoft Office Word 2003で段落した時隙間なしで入力するには

    こんにちは、お世話になります。質問はタイトル通りなのですが、 横文字で文章を作成していて、次に段落した場合に、上下空間が空かないように続けて入力していきたいのですが、どうしても一行ぐらい空きます。自分なりに調べましたがどうしても解決できません。 どうすれば上下隙間なく入力することが出来るのでしょうか。狭い面に多くの文字を記載しなければならないことがあり、どうしても知りたいので、どうぞご教授お願いします。

  • 表の上下の隙間をなくす方法

    こんにちは。 ホームページビルダー13を使って表でレイアウトしています。 表の高さを100%にしているにもかかわらず、上下に少し隙間ができてしまいます。 この隙間をなくすにはどうすればよいでしょうか? どうぞよろしくお願いします。

  • 稲刈り機の刃の上下に隙間ができてしまったのですが・・・・・・

    イセキの一条刈りです。 稲刈りをしていたときに障害物にぶつかってしまい、刃の上下に隙間ができてしまいました。 隙間を直したいのですがどうやって調整すればいいでしょうか?

  • ホームページの上下の隙間を消すには

    左右にだけ背景があるよくあるページを作ろうと一から自分で作り始めたのですが色々いじってもなぜかどうしても上下に隙間ができてしまいます。 上下がぴったりつく方法を教えて下さい。 ------------------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> <html> <style type="text/css"> <!-- #main { width: 800px; margin-right: auto; margin-left: auto; background-color: #FFFFFF; } body { margin:0px; padding:0px; background-color: #999999; } --> </style> </head> <body> <div id="main"> <p><img src="images/head_01.gif" width="800" height="1000" /></p> </div> </body> </html>

  • デスクトップ画面の上下に1センチほどの黒い隙間が出来ます

    NECバリュースタアー500です。昨日から画面上下に隙間が出来ました。 (画面が小さくなりました。)全体に大きくするにはどうしたらいいでしようか?

  • 文字間隔(上下)を0.5文字又は1.5文字にする方法は?

    FC2ブログです。 文字間隔(上下)は一文字や二文字、三文字は記事欄で簡単に出来ます。 それでは、文字間隔(上下)を0.5文字又は1.5文字にする方法は? 【要するに文字間隔(上下)を自由に設定する事】

  • すきま風対策について知りたいです。

    すきま風に悩んでいます。 木製の引き戸、カーテンレールとカーテンの間の隙間、アコーデオンドアの両端の磁石の部分からのすきま風、同じく、アコーデオンドアの上下のすきま風、などに悩んでおります。 何か、よい方法はないでしょうか? 特に、アコーデオンドアの上下は、難しい感じがしていますが、、

  • 字を書くとき、行の線がないノートだとすぐに上下に文字の列がずれたりして

    字を書くとき、行の線がないノートだとすぐに上下に文字の列がずれたりして、汚く見えてしまいます。。 なるべく字を丁寧にかくように心がけているのですが、なぜかほかのひとと違和感があるなと思っていたら、自分の字は上下にぶれていて、横にまっすぐな文字列ではありませんでした。 なにかいい訓練法はありますでしょうか?

  • テーブルの隙間を無くしたい

    DreamWeaverCS4を使いホームページを作成しております。そこでテーブルについて、狙い通りに上手く表示が出来なくて困っております。どなたかご指導アドバイスをお願い致します。具体的な内容は下記のとおりです。 ・テーブルを「7列2行(全体の大きさは横700px×縦100px)」で作成し、内訳は1行目は、一枠横100px×縦50pxの大きさで7枠作成。2行目は横700px×50pxで作成。 上記内容のテーブル1行目に横100px×縦50pxのサイズの画像を7つ挿入。そして2行目には横700px×縦50pxの画像を1つ挿入しました。 そしてテーブルの設定は「ボーダーは0」です。 しかし、画像挿入後には2行目の画像横700px×縦50pxが入っているテーブルに隙間が出来て背景が見えてしまいます。1行目を見ると…微妙に各画像間の間に隙間が空いていて、この隙間が全体的に700pxを超えているようなんです。それで、2行目の画像に対して背景が見えて(テーブルの幅が広がってしまっています)いるのです。 そこでですが、画像を配置後にテーブルの隙間をきっちりと無くして背景が見えなくする方法ってあるのでしょうか? 解る方がいましたら…ご指導…アドバイスをお願い致します…。よろしくお願い致します…。

    • ベストアンサー
    • HTML

専門家に質問してみよう