*/}いい感じに中央で揃えてくれます。「いやいや、親要素の中央に寄せたいんだよ...」という場合は、次の項目へGO!ブロック要素の場合ブロック要素の上下中央揃えは、ブロック要素のままでは実現できません。displayプロパティを使って、要素の種類を変える必要があります。横並びの要素を基準にするならば、インライン要素やインラインブロック要素にして、vertical-align:centerでOKです。table-cell、vertical-align:centerを指定します。*/}インライン要素の場合でも、この方法でOKです。上下中央揃えでも、インライン要素と同じ考え方で問題ありません。横並び基準ならvertical-align:center、親要素基準なら親要素に高さ、display:table-cell、vertical-align:centerを指定しましょう。*/}上下左右中央に寄せるさあ、ここからが鬼門。上下左右の中央、つまり要素のど真ん中に配置する方法です。上下左右中央揃えについては、インライン要素だとかブロック要素だとかはあまり関係ありません。どちらの方法も、中央寄せしたい要素にposition:absoluteをつけて調整していきます。position:absoluteってなんだっけ...となってしまった方は、まず下記の記事を読んでみてください。中央寄せしたい要素自体にmargin:autoをつけて、位置を調整する方法です。*/}top、bottom、left、rightなどの位置調整プロパティは、全て0にしています。この状態でmargin:autoを指定すると、自動的に位置を計算し、真ん中に配置してくれるのです。ポイントは、要素自体の高さと幅をしっかり指定することです。これを指定していないと、きちんと真ん中に配置されません。高さが変わったりする可能性がある場合には向いていません。決まった高さがある場合には、この方法でバッチリです。transformを使った方法transformは、要素の形などを変形させることができるプロパティです。このプロパティは、要素の位置を指定することもできます。下記のように記述すると、いい感じに要素の中央に配置してくれます。*/}まず、topとleftで、要素を親要素の半分まで移動させます。そのあとtransformを使って、要素自体の半分、上と左に戻しています。幅や高さの指定が必要ないので、大きさが変わったりする可能性がある要素におすすめです。画面幅が変わっても崩れないように作る、リキッドレイアウトのサイトと相性がいいですね。Webサイト制作で自由に働けるようになるには?今回ご紹介したように、CSSはWebサイト制作の基本であり、CSSを使いこなすことで自由にWebサイトをデザインすることができます。CSSだけではボタンを動かしたりお問い合わせフォームなどの機能を追加することができません。大手クラウドソーシングであるクラウドワークスでは、XHTMLやCSS2.1だけでなく最新技術を学んでおく必要があります。制作の正確さに加えて品質チェックにも気を配らなければなりません。HTML・CSSコーディングを基本としながら、Webに関連する様々なプログラミング言語を習得しておく姿勢が重要になるでしょう。引用元:クラウドワークスといった記述があります。ノマドワークのような自由を手に入れるためには、JavaScriptやPHPといった言語も合わせて覚える必要があるのです。あなたが今後、プログラミングスキルを身につけてエンジニアへ転職したい・個人でWebサイト制作を請け負い、自由に働きたいとお考えであれば、プログラミングスクールでの学習がおすすめです。弊社「侍エンジニア塾」ではプログラミングだけでなく、仕事の獲得方法など即戦力として活躍するノウハウまでをお伝えいたします。なかには受講期間中に仕事を獲得し、納品まで行っている方も多くいらっしゃいますよ。弊社では「プログラミングで人生を変える」ことを目的として、あなたの目的にコミットしたオーダーメイドカリキュラムを専属の現役エンジニア講師が作成し、学習を徹底サポートいたします。入会する必要はありません。弊社の無料体験を受講して、未経験でもサイト制作を仕事にするためのコツや、サイト制作の勉強を効率よく進めるための学習手順などを相談してみてください。オンラインでも受講できるため、全国どこでも受講いただけます。無料体験を予約するまとめいかがでしたか?「いろいろな方法があって、どれがいいのかわからない...」という方もいるかもしれませんね。要素の種類を確認して、どの方法がよいのか確認するようにするとスムーズです。悩んだらこの記事を思い出して、再度確認してみてくださいね!TweetPocket無料でSEからWebエンジニアへ転職しませんか?侍エンジニア塾では、完全未経験の方から現在SEだけどプログラミングはやっていないという経験者まで、幅広い方々の人生を好転させるプログラミング指導を行ってきました。SEの方とお話していくなかで、システムエンジニアという職業だけどコードが書けない事務作業が多くスキルがないため将来が不安スクールに通うと完全未経験者と同じスタートになるからレベルが合わないという、すでに知識があるSEならではのお悩みがあることに気づきました。弊社では、マンツーマンでレッスンを行いますので、現在お持ちの知識レベルからカリキュラムを作成いたします。こちらの転職コースは無料で受講を始められて転職成功でそのまま卒業できるというとてもお得なコースとなっています。知識のあるSEといっても転職は年齢が若いほど受かりやすいため、まずは無料体験レッスンで今の現状や理想の働き方について一緒に考えていきましょう。フリーターを経てフロントエンジニアになる。jQueryなどのコーディングやCMS設計に従事。文系からエンジニアを目指す人にもわかりやすい記事を目指して、日々精進中。体は日本酒でできている。