display: inline-block; による隙間を消すCSS完全版 @ WWWPArtisan
何気にずっと頭を悩ませてた問題。display: inline; や display: inline-block; で要素をインライン化したときに、改行が半角スペースになり、隙間となる問題。あれがスッキリ解消できました。 HTMLでこんな感じ↓にしてる人は必見です。 <ul><li>list item</li><li>list item</li></ul> <ul><li> list item </li><li> list item </li></ul> <ul><!-- --><li>list item</li><!-- --><li>list item</li><!-- --></ul> 隙間を消す方法として、多く紹介されてきた方法が3つあります。 親要素に font-size: 0; を指定し、子要素のフォントサイズをpxなどの絶対単位で指定する（%やemなどの相対単位は不可） 親要
リストを横並びにした時の空白をなくす方法
リストを横並びにした時の空白 リストをdisplay:inline;などで横並びにすると、リストとリストの間に空白ができちゃうんですよね。これを知らないと、paddingを0にしたりとかmarginを0にしたりとか、そういうのでがんばろうとしてしまうんだけど、実はそうじゃなくてHTMLの書き方によって(改行)空白できちゃうんですよね。 これをdisplayプロパティで横に並べる時、どの方法なら隙間なく並べられるか！他の方法とかを含めて検証してみましょう。 いろいろ検証してみる ネタ元の方法が実際にどうなのか、そして、他の対処法も含めて検証してみます。 尚、今回の検証では、IE6、IE7、IE8、Firefox2、Firefox3.0、Opera9.6、Safari、Chromeで検証しました。 １、単純に改行した場合 ■HTML <ul> <li>サンプル</li> <li>サンプル</l
Firefox3.6でおかしかったdisplay:boxの一部の挙動がFirefox4.0で直ってた。 | soplog(そぷログ)
2011.03.25 Web CSSFirefoxブラウザ Firefox3.6でおかしかったdisplay:boxの一部の挙動がFirefox4.0で直ってた。 Firefox3.6ではdisplay:box;に癖があり、やや使いづらい印象でしたが、Firefox4.0ではどうなったのか、気になったので調べてみました。 display:box;を指定した要素の子要素は、width,heightの値にpaddingを含めてしまう。 display:box;を指定した要素にmargin:0 auto;を使用した中央揃えが効かない。 引用元：display:box;の挙動がブラウザによって違うみたい | blog.wonder-boys.net 前者に関しては調べきれていません。 後者に関しては、相変わらず効きませんでした。 個人的に一番気になっていた「box-shadowが内包要素の所で途切
IE 6, IE 7 の inline-block 考察 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
displayプロパティの値と各ブラウザの対応をまとめる - builder by ZDNet Japan
ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 仮想デスクトップサービスの最新事情 複数の選択肢のあるMSのVDIサービス どう違うのかをわかりやすく解説 膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 サービスを止めない！ サイバーエージェントに聞く高可用性の実現 そこにピュア・ストレージが選ばれた理由 大事
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
