HTMLのliタブで質問です。


下記のコーティングをすると、
IEのみで、二行目のああの前に一文字空白が空いてしまいます。
対応方法はありませんでしょうか?

<li>あああ</li>
<li>ああ<br />いい</li>

尚、CSSでlist-style-type:noneが指定されております。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/03/06 02:54:05
  • 終了:2007/03/13 02:55:16

回答(2件)

id:nontan2005 No.1

nontan2005回答回数492ベストアンサー獲得回数242007/03/06 03:23:33

ポイント35pt

自分のブログ内で試した限りでは、ulタグを使う事により

<ul>
<li>あああ</li>
<li>ああ<br />いい</li>
</ul>

こんな感じであれば詰まって表示されましたが、どうですか?

以下でも同じような使い方がされています。

http://www.dspt.net/html_tag/007_data/001.html

あまり理屈は、良く分かってないのですが・・・。


ちなみに、はてなダイアリー内で、はてな表記で同じ表示のソースを見ても同じでした。(これも、行間が開かない)

ここ(この質問の解答欄)では、どちらでも行間開かないですけど。

id:naleringar No.2

naleringar回答回数110ベストアンサー獲得回数52007/03/06 23:39:41

ポイント35pt

2行目の「ああ」の前に空白が空く状況について検証してみました。検証環境は、IE6,Sleipnir,NN,Operaです。

li タグを挟むべき ul 又は ol タグがある場合→段差は出ませんでした

li タグを挟むべき ul 又は ol タグが無い場合→段差ができました。

質問文中で、li タグについて書かれていますが、ul や ol について触れられていないため、それらがあるかどうかが鍵かと思います。以下、実験したソースを書いておきます。

<style type="text/css">
<!--
LI{list-style-type:none}
-->
</style>

ulがない場合
<li>あああ</li>
<li>ああ<br />いい</li>

<br><br>

ulがある場合
<ul>
<li>あああ</li>
<li>ああ<br />いい</li>
</ul>

とほほのwww入門

http://www.tohoho-web.com/www.htm

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません