• ベストアンサー

行間

cssで行間を指定しているのですが、ある部分だけ行間を詰めたいのです。どうすれば良いでしょうか?

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.1

 具体的に、対象行に行幅を指定するのではだめですか↓ <html><head></head><body> <div style="line-height: 100%;">行幅標準</div> <div style="line-height: 50%;">行幅50%</div> <div style="line-height: 100%;">行幅標準</div> <div style="line-height: 70%;">行幅70%</div> <div style="line-height: 100%;">行幅標準</div> <div style="line-height: 150%;">行幅150%</div> <div style="line-height: 100%;">行幅標準</div> <div style="line-height: 200%;">行幅200%</div> <div style="line-height: 100%;">行幅標準</div> <div style="line-height: 300%;">行幅300%</div> <div style="line-height: 100%;">行幅標準</div> </body></html>

simplee72
質問者

お礼

ありがとうございました。

関連するQ&A

  • 行間が詰めれない

    HP作成でテーブル内の行間がどうしても詰めれません。 line-heightで指定しているのですが、、、 html、cssとも設定する方法をご教授下さい。 この状態は 空きすぎているのです ↓ 例えばこのように したいのです。

  • CSSでh1とその下の文字との行間を詰めたい

    h1~h6を指定した場合、そのすぐ下の文字との行間が1文字分空きますよね。 見栄えが良いように、h*のすぐ下の文字との行間を調整したい場合、CSSでは、どのように指定すれば良いでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページの行間設定について

    ホームページの行間設定について質問です。 ページ全体の行間指定は<style type="text/css"> <!-- body,th,td {line-height : 180%;} --> </style> にしています。その中で一部行間を変えたいのですが<p style="line-height: 150%;"> </p> と入れて見ても変わりません。入れる場所が違うのか何が間違っているのかわかりません。どなたか教えてください。

  • 部分的な行間

    多くのサイトで改行タグを連続して記述することは非推奨とされています。 そこで質問なんですが、部分的に他よりも多く行間を開けたい時はどういう方法が好まれるのでしょうか? 思いつくのは部分的なスタイルシートでそこの行間の指定くらいですが、何か仰々しいような気がするのです…。 何かいいアイデア、または定石等があればよろしくおねがいいたします。

    • ベストアンサー
    • HTML
  • Dreamweaverでの行間の指定について

    現在、Dreamweaver8(Win版)でホームページを作成中の初心者です。 そこで行間の指定に、CSSで「line-height」を使ってるのですが、IE7でプレビューした時の行間と、firefoxで見た場合の行間が違い、デザインが壊れてしまうのです。(単位は使ってません) どちらのブラウザでも、同じように見える作成方法があるのでしょうか? 色々調べてみたんですが、解決できなかったので、質問させていただきました。 どうかご回答の程よろしくお願い致します。

  • WORDの行間

    ご教授ください。 WORD2010ですが、行間が同じ文書の中で微妙に違う部分があります。 全てを手入力したのではなく、他の文書からの引用が混在していますが、文書の中で統一する必要があり困っています。 文書をドラッグで指定して「ホーム」の行間設定を行っても、部分的に狭い部分が残り解決しません。 よろしくお願いします。

  • Seesaaブログの行間設定

    Seesaaブログを利用しております。過去の質問を参考にCSSで行間を変更したのですが、あるページのある部分だけ行間を変更するというようなことはできませんでしょうか? 例えば、ページの上方は大きな文字なので行間を広めに、ページの下方は小さな文字なので行間を狭めるというような感じです。 現在、行間を大きな文字で合わせているため、小さな文字の方は行間が空きすぎて非常に見にくい状況です。 御教示のほど宜しくお願い致します。

  • CSS-フォントサイズと行間を設定するとフォント指定が無効になっちゃう-

    CSSでフォントサイズとpxで指定し、行間をhigh-lineで指定すると行間は生きるんですが、フォント指定が無効になります。どのように設定したら、両者行きますか。IEでもFirefoxでもためしてみました。

  • 行間があかない

    PHPでプログラムを組んでいます。 Firefoxでは行間(line-height)があくのですが、IEではあきません。 行間があかない、つまり指定なしの行間となってしまいます。 $tag_new .= $i . ".<a href =./index.php?mode=diary&id=' . $row[id] . '>" . $title . "</a><img src = ./images/new.gif><br />\n"; とプログラムを組んで、 <div class="new">新着コラム<br /> {$tag_new}</div> と表示しています。 ふしぎなことに、新着コラムとつぎの行だけ行間があきます。 Firefoxではすべてあきます。 Cssでは .new { width:210px; text-align: left; line-height: 24px; float:left; margin: 10 10 10 0; padding: 5; border:1px solid #800000; clear : left; } としています。 解消法あれば教えてください。

    • ベストアンサー
    • HTML
  • 行間を固定する

    スタイルシートで行間を指定することはできたのですが、ブラウザで文字の大きさを変えると行間が広まってしまいます。 これを固定することはできないでしょうか? よろしくお願いいたします。

専門家に質問してみよう