重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【6/2終了】教えて!goo新規会員登録

safariだけ、display:block;の周りの余白を消すことができず困っています

解決済

  • 質問者：thiruthiru
  • 質問日時：
  • 回答数：2件

safariだけ、display:block;の周りの余白を消すことができず困っています。

cssでbr{line-height:0;}にしているのですが、safariだけリンクされない余白が間にできてしまいます。ie、firefoxでは大丈夫です。

たくさん調べましたがわかりません。よろしくお願いします。


以下ソースです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!-- a{display:block;height:100%;width:100%;line-height:200%;text-decoration: none;} a:hover{background-color:#ffcccc} br{line-height:0;} -->
</style>
</head>
<body>

<p>
<a href="test">ああああああああああああ</a><br>
<a href="test">ああああああああああああ</a><br>
<a href="test">ああああああああああああ</a><br>
</p>

</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： taloo
  • 回答日時：

br{display:none;}



<br>を使いつつ改行を消すなら、これではダメですか？
インライン要素を並べて表っぽくみせるときによく使ってます。
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。うまく表示できました！！

通報する
お礼日時：2008/04/05 20:17

No.1

  • 回答者： sun_wil_19
  • 回答日時：

<a href="test">ああああああああああああ</a><br>


<a href="test">ああああああああああああ</a><br>
<a href="test">ああああああああああああ</a><br>
の<br>を抜いてみたらできました!
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。こちらの方法でもうまくできました！！

通報する
お礼日時：2008/04/05 20:19

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報