人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTMLで</pre>タグを使用すると、直後に1行空行が入るのですが、これを入らなくする方法を教えてください。
下の例でいうと「bbb」と「ccc」の間に空行が入ります。
(ie6で確認しています)

----
<html>
<body>

<pre>
aaa
bbb
</pre>
ccc

</body>
</html>

●質問者: yokodai
●カテゴリ:インターネット ウェブ制作
✍キーワード:AAA CCC HTML IE6 タグ
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● katsube
●24ポイント ベストアンサー

preはブロックレベル要素なので、IEくんは改行をしてくれてしまいます。インライン要素だと無理矢理指定すれば改行はされなくなります。

<html>
<body>

<pre style="display:inline">
aaa
bbb
</pre>
ccc

</body>
</html>

http://www.kanzaki.com/docs/html/element-level.html

http://msugai.fc2web.com/web/tips/block.html

◎質問者からの返答

ありがとうございます。


2 ● b-wind
●24ポイント
<html>
<body>

<pre>aaa
bbb</pre>
ccc

</body>
</html>

とすれば大丈夫だと思う。

◎質問者からの返答

だめでした。


3 ● nev
●22ポイント

<pre style="margin-bottom:0">

にするとか。

◎質問者からの返答

ありがとうございます。


4 ● wizemperor
●22ポイント

下記のようにスタイルシートでmarginを0にすると空行が入らなくなります(念のためpaddingも)。


<html>

<body>

<pre style="margin:0; padding:0">

aaa

bbb

</pre>

ccc

</body>

</html>

◎質問者からの返答

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ