はてなブックマーク - 不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG

(閉じる)

はてなブックマーク > コンピュータ・IT > 不特定の数の横に並ぶブロック要素をセンタリングさ...

不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG

css-eblog.com

タグ : CSS tips センタリング webデザイン float web制作 *CSS inline-block IE webdesign

コンピュータ・IT 82 users

不特定の数の横に並ぶブロック要素をセンタリングさせる 2008年9月 2日 13:55 【追記】CSS ソースの記述順序が間違っていました。正しくは、「display: -moz-inline-box; display: inline-box;」の順で記述します。説明ではこの順序が逆でした。順序が逆だと、Firefox3でも -moz-inline-boxが適用されてしまい、場合によっては表示が異なることがあります。（サンプルではFirefox3でも2でも特に問題はありません）今回はページングなど、シス... > このページを見る

最終更新時間: 2008年09月04日18時36分

▼ブログで紹介する

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

torimoku css
aタグにblock　その外にinline-block　ie6&FF2対策 2010/06/03
skunk0915
float　センタリング 2010/03/05
franz_liszt css
inline-blockの使い方 2009/06/09
lesson5 css
inline-block 2009/06/02
kazuma12 css
inline-block 2009/04/28
hisasann CSS
inline-blockでfloatを使わずに横配置 2009/04/02
mohmohmoh css
[pagelink] [横並び][センタリング] 2009/03/17
site159 CSS, CSShack
display:inline-boxのクロスブラウザ 2009/02/02
karate-baka CSS
横並びのメニューの作り方。ページとか。 2008/11/30
bdbkx286 CSS
横並びのメニューの作り方。ページとか。 2008/09/12
hashimoya css, センタリング
inline-blockとかで。複数個並べる遷移ボタンのセンタリングとかにも使えそう。 2008/09/10
boyasan CSS, あとで印刷
IEはハック、クロスブラウザ対応 2008/09/07

コメントのないブックマークもすべて見る（82）

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

はてなブックマークを使ってみる(無料)

はてなブックマークって？

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

このエントリーを含むエントリー（45）

ページ送りのサンプル4種+2 - CSS HappyLife 7 users 2010/08/30
はてなブックマーク - むぎブクマ 3 users 2006/09/13
[CSS] 複数のボックス要素をまとめてセンタリングする方法 - mBlog 7 users 2009/08/11
hail2u.net - Weblog - floatで並べたリストのセンタリング 304 users 2009/05/20
CSSによる画像を使ったロールオーバー | CSS-EBLOG 25 users 2008/02/12
ツールチップ（ポップアップヘルプ）を改良してみた。 | CSS-EBLOG 23 users 2008/02/21
CSSのみでロールオーバー・まとめ（IE6含む） | CSS-EBLOG 2 users 2008/02/14
DIV要素を縦横中央に配置する | CSS-EBLOG 9 users 2008/05/04
CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site. 431 users 2007/12/10
入れ子のプルダウンメニューを作る | CSS-EBLOG 8 users 2008/06/08
クラスを追加するだけで簡単にページ内分割を実装するJavascript | CSS-EBLOG 18 users 2008/03/19
CSSのみでアコーディオンメニューを実現する | CSS-EBLOG 6 users 2008/05/08
印付きリストを実現する。 | CSS-EBLOG 2 users 2008/03/27
:target擬似クラスを使ったプルダウンメニュー | CSS-EBLOG 3 users 2008/11/05
コンテンツ全体の高さを取得するJavascript | CSS-EBLOG 11 users 2009/01/06
魔法の言葉「zoom:1」 | CSS-EBLOG 9 users 2009/01/05
ページを移動する前に確認メッセージを表示する | CSS-EBLOG 12 users 2008/06/15
理論的なHTML構造だけで角丸背景を実装する | CSS-EBLOG 16 users 2008/05/18
フローティングポップアップウィンドウを簡単に実装するJavascript | CSS-EBLOG 104 users 2009/01/01
CSSの1行でできるIE6対策（ハック） 15 users 2008/03/05
異なるサイズの画像を縦横中央配置にしてリスト状に並べる | CSS-EBLOG 115 users 2008/05/26
外部Javascriptのsrc属性で、URL引数を取得する | CSS-EBLOG 28 users 2008/12/28
CSS管理を少しだけ便利にする小技 | CSS-EBLOG 2 users 2008/06/02
枠からはみ出す画像をpositionを使わずに配置するテクニック | CSS-EBLOG 7 users 2008/07/08
よくありそうなデザインのサイトのテンプレート2種 5 users 2008/02/29
2行追加するだけで、簡単にIE6でもmin-heightを実現する方法 | CSS-EBLOG 64 users 2008/04/02
CSSだけでアニメーションプルダウンメニューを作る | CSS-EBLOG 12 users 2008/08/22
左右に余白のある横並びのリストを親要素の両端にぴったりとくっつける小技 | CSS-EBLOG 33 users 2008/10/29
CSS講座 - 目で見るボックスレイアウト | CSS-EBLOG 19 users 2008/01/25
SEO対策をしたままきれいなフォントを使う | CSS-EBLOG 4 users 2008/05/27
Prototype.jsなどのライブラリをダウンロードせずに使えるGoogleサービス | CSS-EBLOG 13 users 2008/09/02
余白を設定したDIV内のタイトル要素だけ余白を無視させる | CSS-EBLOG 11 users 2008/06/20
3カラムレイアウトで、中央を可変にする（リキッドレイアウト） | CSS-EBLOG 38 users 2008/02/20
Javascriptで動的にCSSを追加する | CSS-EBLOG 14 users 2008/08/26
Safari用 CSSハック | CSS-EBLOG 15 users 2007/12/26
現在適用されているCSSの値をJavascriptで取得する | CSS-EBLOG 7 users 2008/09/28
CSS3はアニメーションも指定できる！ | CSS-EBLOG 18 users 2008/08/17
SEO対策になるCSSロールオーバー？ | CSS-EBLOG 3 users 2008/03/27
CSSだけでポップアップヘルプを実現する | CSS-EBLOG 2 users 2008/12/15
iframe内の高さを取得し、内容に合わせて高さを変更するJavascript | CSS-EBLOG 62 users 2008/12/11
CSSのみでプルダウンメニューを作る | CSS-EBLOG 46 users 2008/03/19
ヘッダ、フッタを固定してみる。 | CSS-EBLOG 54 users 2008/01/08
初心者が陥りそうなCSSの7の間違い 140 users 2008/03/03
peek-a-booバグ | CSS-EBLOG 4 users 2008/03/10
不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 3 users 2008/11/19

このエントリーを含む日記（1）

せいけんはうす se1ken 2009/08/18

スマートフォン: スマートフォン版はこちらから
モバイル: モバイル版はこちら

Copyright © 2005-2012 Hatena. All Rights Reserved.