要素を並べる時のホワイトスペースの隙間をfont-size:0で消す - jsdo.it - Share JavaScript, HTML5 and CSS

テクノロジーカテゴリーの変更を依頼記事元:

jsdo.it

5 usersがブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

kkeisuke 並べる要素の親要素にfont-size:0;をかましてホワイトスペースの分の隙間を消す

2011/10/30 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

要素を並べる時のホワイトスペースの隙間をfont-size:0で消す - jsdo.it - Share JavaScript, HTML5 and CSS

【追記：このサンプルわかりづらい気したのでを新しいのを追加 http://jsdo.it/ksk1015/kYgp 】 inline... 【追記：このサンプルわかりづらい気したのでを新しいのを追加 http://jsdo.it/ksk1015/kYgp 】 inlineまたはinline-blockの要素を並べていく場合、ホワイトスペースがあると隙間が生じます。いろいろ解決方法ありますが、並べる要素の親要素にfont-size:0;をかましてホワイトスペースの分の隙間を消す方法を思いついたので投稿しました。ブラウザチェックしたところIE6でも問題なく表示されるよう。それともあるのかな？調べてみたら http://www.webbibo.com/blog/html css/h_list_space.html ここで「Webkit系ブラウザ、IE6・7では、この方法は効きませんでした。」とおっしゃってる。上手くいかない場合あるのかな？【追記】当初リンク先違ってました。すみません。質問コーナーに投稿したので、知

css

ブックマークしたユーザー

ki_sz2011/11/06
haiji5052011/10/31
kkeisuke2011/10/30
nisemono_san2011/10/29

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx