li要素などを改行すると、要素と要素の間に半角スペース分の余白が現れる件について調べてみた。 | Blog hamashun.com
追記：トラバが送れないとの報告を受けて、文末に手動トラバを追加しました。 ナビゲーションなどをリスト要素でマークアップして、display: inline; で横並びにすると、li要素とli要素の間に謎の余白が現れます。 そして、この現象を解決する手段はいくつかあります（参考：リストをinlineで並べた時の余白｜CSS HappyLife）。 でも、この余白はそもそも何者で、なぜ現れるのでしょうか。 余白の正体 結論から言うと、この余白の正体は空白類文字です。 marginやpaddingの暴発ではありません。 では、なぜ何もない場所に急に空白類文字が現れるのでしょうか。 この謎を解くには、まずは空白類文字について調べる必要があります。 空白類文字 1 文書文字集合には、多様な空白類文字が含まれている。その多くは、特定の視覚的スペーシング効果を生成するために何らかのアプリケーションが用い
＆ｎｂｓｐ;の使いどころ | Blog hamashun.com
文字実体参照の中に、 という物があります。 使用すると半角スペースと同量の間隔を空けます。 これまでは何も考えずに半角スペースの代わりであると認識していたのですが、ではどういった時に使うのかという事を知りませんでした。 サンプル 最初に疑問に思ったのは、全ての半角スペースは に置換するべきなのか？ という事です。 半角スペースを主に使うのは、やはり英語圏であろうと思ったのでA list Apartのソースを見てみました。 すると、全ての半角スペースが通常のスペースを使用されていました。 続いてThe Web Standards ProjectやThe Web KANZAKIも調べてみましたが、同じく半角スペースを使用。 まあ、ちょっと考えてみれば、英語は単語を半角スペースで区切るので、いちいちそんな事やってられないですね。 では、どんな時に使うのが正しいのでしょうか。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
