(閉じる)

はてなブックマーク > コンピュータ・IT > 左右に余白のある横並びのリストを親要素の両端にぴ...

左右に余白のある横並びのリストを親要素の両端にぴったりとくっつける小技 | CSS-EBLOG

css-eblog.com

タグ :

コンピュータ・IT 33 users このエントリーをはてなブックマークに追加

左右に余白のある横並びのリストを親要素の両端にぴったりとくっつける小技 | CSS-EBLOG

左右に余白のある横並びのリストを親要素の両端にぴったりとくっつける小技 2008年3月11日 16:43 floatさせてリストを横に並べる機会は結構あると思います。 メニューなんかの場合はそれぞれのリスト要素を余白を空けずに並べたりしますが、 通常のリストなんかの場合は左右どちらかに余白を空けて並べるのが通常だと思います。 その際、当然marginを使ってそれぞれのリストとの余白を空けますが、 すべてが同じCSSが適用されるため、marginを指定したくない（大概は最後の）要素が出てきます。 最後の部分... > このページを見る

最終更新時間: 2008年10月29日15時54分
▼ブログで紹介する

みんなのブックマーク 人気（0） 新着

  • zma zma
    floatさせた子要素のボックスを親要素の両端に合わせる。ＩＥ6にも対応。毎回探してしまうので、ブクマ。ありがたし。 2012/01/05
  • night_hike night_hike
    ネガティブマージンを使ってはみ出した部分を相殺。IEの hasLayout 対策で「zoom: 1」を入れる 2009/12/04
  • s5-style s5-style ,
    float させた要素の margin 分、その親要素のネガティブマージンを使って相殺し、さらに IE 対策のためにその親要素に hasLayout 対策（このサンプルでは zoom: 1）を施す 2009/12/03
  • bdbkx286 bdbkx286
    floatさせつつも左右端のマージンはゼロにする方法。 2008/12/03
  • ochanoco_naoco ochanoco_naoco ,
    ネガティブマージンで右の余白を切る、IEはzoomで対応 2008/11/07
  • edo_m18 edo_m18
    ネガティブマージンの使い方。 2008/03/12

このブックマーク一覧を非公開にするには?

はてなブックマークを使ってみる(無料)
はてなブックマークって？
はてなブックマークはオンラインでブックマークを管理・共有できる無料サービス。自宅、職場、外出先、どこからでも同じブックマークにアクセスできます。ユーザーはみんなでブックマークを共有して効率良く情報収集しています。あなたもはてなブックマークを始めてみませんか?