CSSで改行後の行間調整

質問

<P>
あああああああああああ。<BR>

いいいいいいいいいいいいいい
いいいいいいいいいいいい。<BR>

ううううううううう。
</P>

のように段落の中で文の間だけ行間に余裕をもたせたいです。
<P>の行間設定だと「い」のように長い文で折り返した際にも行間が空いてしまうので別の方法を模索してます。
どうにかなるでしょうか？
それとも文ごとに<P>にするしかないでしょうか？

回答No.4

DrFell

html
は、<p>にされたほうがいいと思います。
<p>あああああああああああ。</p>
<p>いいいいいいいいいいいいい<br>
いいいいいいいいいいいいい。</p>
<p>ううううううううう。</p>

cssは、ｐ内の改行はline-heightで、段落の区切りでは、paddingやmarginで指定するのが定石です。
p{
line-height:1.2;/*段落内*/
padding-top:3em;/*段落と段落の間*/
}

回答No.3

naokita

文章で何を伝えたいかによる！それが文章構造！

文章内にある“小さな集合体”それが段落ではないのですか？？？
なので、文章構造的に<p>でしょう！

<p>あああああああああああ。</p>
<p>いいいいいいいいいいいいいいいいいいいいいいいいいい。</p>
<p>ううううううううう。</p>

---------------------------

１つの段落内で上下にスペースを作る事が想定できないですが・・・
とりあえずの見た目の変更：

<p style="width: 150px;>
あああああああああああ。
<span style="display: block; margin:2em 0; line-height: 2.8;">
いいいいいいいいいいいいいいいいいいいいいいいいいい。</span>
ううううううううう。
</p>

<div>
あああああああああああ。
<p>いいいいいいいいいいいいいいいいいいいいいいいいいい。</p>
ううううううううう。
</div>

CSSを考える前に、内容次第でのマークアップを考えた方が良いでしょう。

回答No.2

ORUKA1951

＞<P>の行間設定だと「い」のように長い文で折り返した際にも行間が空いてしまうので別の方法を模索してます。どうにかなるでしょうか？
＞それとも文ごとに<P>にするしかないでしょうか？

　それは違ってますよ。
＞<P>の行間設定
　p{line-height:1.6em;}
で、折り返し時の行間--正確には一行の高さを指定します。
　BRは、本来の文章中にはでてくることはありません。これは(orced line break)といって、一つの段落なのに、強制的に改行するとき
<p class="address">
　東京都新宿区<br>
　大久保１丁目
</p>
　のように、極めて限定的なものです。通常は使わない!!と覚えておきましょう。

HTMLは、文書構造をきちんとマークアップするだけです。
それが一つの段落(Paragraph)でしたら<p></p>でマークアップします。

＞のように段落の中で文の間だけ行間に余裕をもたせたいです。
　それは、異なる段落と言うことではないですか??
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
長い文章を内容などからいくつかに分けた区切り。形式的に、1字下げて書きはじめる一区切りをいうこともある。段。パラグラフ。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［だんらく【段落】の意味 - 国語辞書 - goo辞書( http://dictionary.goo.ne.jp/leaf/jn2/140729/m0u/%E6%AE%B5%E8%90%BD/ )］より

わたしは、日本語の場合は
p{text-indent:1em;margin:0 auto;line-height:1.6em;}
のように指定しています。これを
p{text-indent:1em;margin:0.4em auto;line-height:1.2em;}
とすれば、自動改行と段落の改行と区別させることが出来ます。
　もちろん、段落以上の意味的なさがあるのでしたら<divにclassを付けて区別します。
「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加する( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )」

　もう少し具体的に、それらの文章の内容(そのままじゃなくてよいので)を例示していただくと良いです。

回答No.1

play_with_you

HTMLとCSSの厳密なアレは省きます。

「折り返し」と「改行」と「段落」の区別は付いてるみたいですが、
「あ」「い」「う」がそれぞれ段落になっては困る事情があるんでもなければ、
行間じゃなくてマージンやパディングを調整すればいいのでは。