こんにちは!
デザイン上、どうしても2行分以上の空白行が欲しいときがあります。
現状でやってる方法としては<hr>タグの高さで調節か<pre>タグで間に改行を入れて誤魔化しています
<br>タグの連続はいけないと言われました。これは改行タグであって空白行を作るものではないと
CSS使ってて、これからなくなるタグなんかも排除しているところなので
間違いのない方法を知りたいのです。
そこで、2行分とか3行分とかの改行をする際に、他にどんな方法があるか教えてください!
なんとなく今自分がやってる方法は自信がありません。
No.1ベストアンサー
- 回答日時:
こんにちは、じゃんぬねっと です。
margin とかで空の空間を作れば良いのでは?
<p style="margin-bottom:20px">
うんたらかんたら。<br>
ほげほげ、ふーばー。
</p>
<p>
おんどぅるるらぎったんでぃすかー!!<br>
ダヂヤーナザーーーン。
</p>
とか。
CSS で定義するのも可能。
回答ありがとうございます!
marginをやってみました!
一つ気付いたんですがmarginを指定すると、
<p style="margin-bottom:20px" class="style" id="#1">
となってしまいます!
これでいいものかと^^;
それと<p>要素の間だけとは限らなくて、まぁその時の要素にmarginをつければいいんですよね。
No.2
- 回答日時:
こんにちは!
空白はスタイルシートのマージンで指定するのが良いでしょう。
<body>
<p>あいうえお<br>
かきくけこ
</p>
<p>さしすせそ<br>
たちつてと
</p>
</body>
この段落と段落の間に2行分の空白を空ける場合は
<head>~</head>内に
<style type="text/css">
<!--
p {
margin-bottom: 2em;
}
-->
</style>
といれます。
2emで2行分、3emで3行分になります。
1.5emとかの数値や%、px,などでも指定できます。
回答ありがとうございます!
emの意外な使い方にびっくりです^^分かりやすくていいですね。
問題はやはりそのところのみでmargin指定しかないですか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
mailtoで本文に改行を入れたい
-
改行できる・できない入力ボッ...
-
\\n \\r \\t について
-
H1タグに改行の<br>を使う
-
Hタグを改行禁止にしてspanのよ...
-
テーブルの幅を固定するとnowra...
-
文章改行で出来る半角スペース...
-
<br style="clear:both;">って...
-
長いURLを途中で改行(折り返す...
-
文字の最後に半角空白が勝手に...
-
liタグの自動改行をやめたい!
-
htmlでダブルクォーテーション...
-
Labelでは1行しか書けない
-
リンクの範囲がおかしい?
-
textareaを非表示
-
ページ下部のDIV要素下部に不要...
-
字間が空いてしまいます
-
テキストエリア内の改行禁止
-
「:」について
-
フォーム テキストエリアの自...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
H1タグに改行の<br>を使う
-
テーブルの幅を固定するとnowra...
-
\\n \\r \\t について
-
長いURLを途中で改行(折り返す...
-
Hタグを改行禁止にしてspanのよ...
-
テキストエリア内の改行禁止
-
「:」について
-
改行できる・できない入力ボッ...
-
VBE でスペースと改行を見える...
-
文字の最後に半角空白が勝手に...
-
preタグがプロの現場であまり使...
-
PCの画面を縮小したらサイズ...
-
テキストエリア内の改行もその...
-
XMLの改行方法とリンクの仕方
-
liタグの自動改行をやめたい!
-
<br />タグの、brの後の半角ス...
-
<a href="長いURL"> を途中で...
-
高校1年生情報の問題について。
-
<h1>を使っても無改行にするには
-
mailtoで本文に改行を入れたい
おすすめ情報