CSS/HTMLオブジェクトのアライメントセンター

HTMLページの途中にオブジェクトを配置する方法を知りたいと思います。完璧な中心ではありません。オブジェクトはクロックダウンで、ページの左上に表示されます。私は上の中心にそれを設定したい。これは、コードのCSSまたはHTML設定で何かですか？CSS/HTMLオブジェクトのアライメントセンター

ありがとうございます！

出典

2016-04-30 Kuzman Stoyanov

ようこそスタックオーバーフロー。質問を投稿するときは、試したコードを含めると便利です。 –

二つのCSSオプション：

は、親要素

または要素自体に幅の値とmargin-left: auto; & margin-right:auto; を設定するにtext-align:center;を置きます。

[OK]を使用すると、上部中央を言っているので、私はあなたが垂直wan'tていなかったと仮定。は、要素に次の操作を行います。

position: absolute; 
top: 50%; 
left: 50%; 
width: 120px; /*replace with your value*/ 
height: 120px; /*same*/ 
margin-top: -60px; /*needs to be negative half size*/ 
margin-left: -60px; /*same*/

ここでは一例です。 #testを要素に置き換えます。

https://jsfiddle.net/hqpntcax/

出典

2016-04-30 00:06:58 wavvves

これは水平方向のみに集中します。 –

OPが "トップセンター"と答えたが、私は答えを更新した。 – wavvves

ありがとうございました。私はCSSに精通していません。私はGoogleで研究し、多くのオプションを試しましたが、何も成功しませんでした。あなたのアドバイスは本当に近いです。ただし、クロックダウンは水平に揃えられます。私はそれを垂直に整列させる必要もあります。 margin-topとmargin-leftを確認しましたが、コードにはありません。私はこのオプションを追加するべきですか？ –

最初にGoogleに次の時間を使用してみてください。試してみてくださいthis

出典

2016-04-30 00:09:17 Spiderman

CSS/HTMLオブジェクトのアライメントセンター

答えて

関連する問題