DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日誌

暮らしカテゴリーの変更を依頼記事元:

phpspot.org

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

コメント

31

記事へのコメント31件

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

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

規約違反を報告

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

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

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

アプリをダウンロード

関連記事

DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日誌

Blue Box Demo: Vertical Centering with a Shiv Div DIVを垂直方向に中央寄せするCSSサンプル。次のよ... Blue Box Demo: Vertical Centering with a Shiv Div DIVを垂直方向に中央寄せするCSSサンプル。次のように、DIV要素をブラウザの縦方向に配置できます。 CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。次に、body内にdiv要素を配置し、そのdiv要素に対し、height:50% かつ、margin-top:-50px のようにプロパティをあて、中央寄せしたい要素(上図中、青い部分)の半分のサイズ分のマージンをマイナスします。最後に中央寄せしたいdiv要素( height:100px ) を配置することで、青い部分は中央によります。垂直方向に、100px のdiv要素が配置される感じです。 <html> <head> <style type="text/css">

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

hinatamoni2017/04/15
berimo2011/07/02
sumomonoko2011/04/14
arisika2010/06/02
momon17332010/01/10
blanche2009/07/08
disapia2009/05/22
homare-san2009/05/21
thefool06132009/05/14
vitzko2009/05/06
ozz6662009/03/30
prismtone2008/12/10
kiyokichi2008/10/07
schrift2008/10/03
div12008/10/02
yhmt2008/09/15
U-82008/09/15
hsn19752008/09/05

同じサイトの新着

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

いま人気の記事

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

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx