0

私のページにajaxhtmlextenderがあります。それで何かをコメントします。コメントテキストに「Enter」が付いている場合、htmlextenderはそれに<p>タグを付けます。コメントを表示しながらdivを使用します。

 <div style="background-color:#ff0000; width:95%;"><p>note line 1</p><p> note line 2</p></div>
 <div style="background-color:#ff0000; width:95%; text-align: right; font-size: 11px;">Name Surname</div>
 <div style="background-color:#ff0000; width:95%; text-align: right; font-size: 11px;">02.08.2012 10:04</div>

次のような出力： ここに画像の説明を入力してください

空の行をクリアするにはどうすればよいですか？

4

4 に答える 4

7

段落の余白やパディングを削除します。

p {margin: 0; padding: 0}
于 2012-08-02T07:43:02.587 に答える
4

p要素からマージンを削除できます。パディングがある場合は削除することもできます（デフォルトではありません）。とはいえ、確実に確認することをお勧めします。

適用されているスタイルを確認するための優れたツールは、ブラウザーの開発者ツールです。firebug などでは、要素を調べて、適用されているスタイルのリストを取得できます。Windows を使用している場合は、 を押して取得できますF12。

これを CSS ファイルに追加するだけです。またはヘッダーに含めます。

p { margin: 0; padding: 0; }

このように p 要素に適用することもできますが、コンテンツとプレゼンテーションを分離する必要があるため、悪い習慣です。何かを変える必要があるときに、今すぐこれを行うと、生活が楽になります。

<p style="margin:0; padding: 0;">This is bad</p>
于 2012-08-02T07:43:10.497 に答える
3

pスペースは、タグに適用されるマージンとパディングによるものです。<style>ヘッダーまたは外部スタイルシートのタグに次を追加します。

p {margin: 0;padding: 0}
于 2012-08-02T07:43:42.947 に答える
1

CSSファイルを挿入すると、外部スタイルシートを持つすべてのページのすべての段落にp { margin: 0; padding: 0; }影響します。

そして、あなたが以下を使用する場合：<p style="margin:0; padding: 0;">、私はインラインCSSを持つための慣習ではないAllanに同意する必要があります。

別の解決策は、次のよう<span>に代わりに使用することです。<p>

<div style="background-color:#ff0000; width:95%;"><span>note line 1</span><br/><span> note line 2</span></div>

お役に立てれば！:)

于 2012-08-02T08:02:30.263 に答える