無駄なマージン

[新着] Webテンプレートを仮オープンしました



0   名前: もち : 2004/08/25 19:37
<p>タグを使用するとそこにマージンが出来てしまうのですが、
マージンを消す方法はないのでしょうか?

1   名前: U D : 2004/08/25 20:53
それは上下に改行が入るということですか?
それが<P>の特徴だと思いますが…(「段落」ですし。)

状況にもよりますが<SPAN>をつかえばいいんじゃないですか?
なぜマージン(改行?)を消したいかによります。

2   名前: h_naruaki : 2004/08/26 08:36
・・・ですね。<p>はマージンを作るためにあるようなタグです。
ただ改行するだけなら<BR>で。

3   名前: ばあど : 2004/08/27 02:27   [URL
><p>はマージンを作るためにあるようなタグです。
っていう誤解を招きかねない発言は控えてくれると助かります。

4   名前: h_naruaki : 2004/08/27 10:15
あ、すいません・・・以後気を付けます・・・。

5   名前: DOCTYPE! : 2004/08/27 11:24
To: もち さん

> マージンを消す方法はないのでしょうか?

スタイルシートを使います。
CSSなら、" p { margin: 0 } " です。
消すのではなく、マージンの幅を狭くすることもできますので、
使い方を調べてみてください。

マージンを消す場合でよく使われるのは、
" p { margin: 0 ; text-indent: 1em } " のような小説風でしょうか。

これ以外のスタイルを設定する場合も、
特にblockquote要素との区別がはっきり分かるようにして、
閲覧者にそのテキストが段落であることを伝えられるように
工夫してください。


To: U D さん

> それは上下に改行が入るということですか?
> それが<P>の特徴だと思いますが…(「段落」ですし。)

多くのブラウザが上下にマージンをとることで段落を表現していますが、
そうしなければならないわけではなく、
例えば、上記の小説風などのスタイルもあって良い、ということを補足。

> 状況にもよりますが<SPAN>をつかえばいいんじゃないですか?
> なぜマージン(改行?)を消したいかによります。

とりあえず、マージン・改行・折り返しの3つを区別しておいた方が
よさそう。


To: h_naruaki さん

> <p>はマージンを作るためにあるようなタグです。

既にツッコミが入っていますから (^^;)
いいかと思ったのですが、補足資料です。

文書の骨格となる基本要素 -- ごく簡単なHTMLの説明 段落と改行
http://www.kanzaki.com/docs/html/htminfo11.html#S4

> ただ改行するだけなら<BR>で。

その通りなのですが、実際、「改行するだけ」という機会は限られています。
br要素は、特別に必要とされる場合にのみ使われます。

また、2つのp要素が、br要素で区切られた形になることはありません。

存在しない例:
<p>段落1</p> <p>段落2</p> → <p>段落1<br><br>段落2</p>

一覧へ戻る