タグ付けされた質問 「center」

div（position:absolute;）要素をウィンドウの中央に配置する必要があります。しかし、幅が不明なため、問題が発生しています。 私はこれを試しました。ただし、幅は反応するため、調整する必要があります。 .center { left: 50%; bottom:5px; } 何か案は？

1078 css  css-position  center  absolute 

私はページネーションを実装していますが、それを中央に配置する必要があります。問題は、リンクをブロックとして表示する必要があるため、フロートさせる必要があることです。しかし、その後はtext-align: center;機能しません。leftのラッパーdivパディングを指定することでそれを実現できますが、すべてのページに異なる数のページが含まれるため、機能しません。これが私のコードです： .pagination { text-align: center; } .pagination a { display: block; width: 30px; height: 30px; float: left; margin-left: 3px; background: url(/images/structure/pagination-button.png); } .pagination a.last { width: 90px; background: url(/images/structure/pagination-button-last.png); } .pagination a.first { width: 60px; background: url(/images/structure/pagination-button-first.png); } <div class='pagination'> <a class='first' href='#'>First</a> <a href='#'>1</a> <a href='#'>2</a> <a href='#'>3</a> …

354 css-float  center  css 

これは2つの部分からなる質問です。 モーダルの正確な高さがわからないときに、モーダルを垂直に中央に配置するにはどうすればよいですか？ モーダルを中央に配置し、モーダル本体にoverflow：autoを含めることは可能ですか？ただし、モーダルが画面の高さを超えている場合のみですか？ 私はこれを使ってみました： .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; } これにより、コンテンツが垂直画面サイズよりもはるかに大きい場合に必要な結果が得られますが、小さなモーダルコンテンツの場合は、ほとんど使用できません。

270 css  twitter-bootstrap  modal-dialog  center 

<center>HTML のタグが廃止された理由を知りたいだけです。 これ<center>は、コンテナーを<center>タグでカプセル化することにより、テキストと画像のブロックをすばやく中央揃えする簡単な方法でしたが、今のところ、これを行う簡単な方法はありません。 「もの」（margin-left:auto; margin-right:auto;と幅のものではない）を中央に配置する簡単な方法を知っている人はい<center>ますか？また、なぜ廃止されたのですか？

202 html  tags  center  deprecated 

私はdivを持っていますが、水平方向に中央揃えにしたいのですが、中央揃えではありmargin:0 auto;ません... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

簡単そうに聞こえます。テキストを中央に配置する必要がありますが、テキストが長すぎる場合は下に移動する必要がありますが、それでもXMLの中央に揃えます。 これが私のコードです： <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/showdescriptioncontenttitle" android:paddingTop="10dp" android:paddingBottom="10dp" android:layout_centerHorizontal="true" > <TextView android:id="@+id/showdescriptiontitle" android:text="Title" android:textSize="35dp" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> スペースが必要なので、paddingTopとBottomを配置しました。PS：私のコードはもっと大きいです。RelativeLayoutにあります。

149 java  android  xml  text  center 

私は他の質問を検索しましたが、この問題は他のいくつかの問題と似ているようですが、今のところ、私が抱えている問題に対処しているようには見えません。 他のdivを多数含むdivがあり、それぞれが左にフロートされています。これらのdivにはそれぞれ写真とキャプションが含まれています。必要なのは、写真のグループが含まれているdivの中央に配置されることだけです。 以下のコードからわかるように、私は両方overflow:hiddenとmargin:x auto親div を使用してみました。またclear:both、写真の後に（別のトピックで提案されているように）を追加しました。違いは何もないようです。 ありがとうございました。私はどんな提案にも感謝します。 <div style="position: relative; margin: 0 auto; overflow: hidden; text-align: center;"> <h4>Section Header</h4> <div style="margin: 2em auto;"> <div style="float: left; margin: auto 1.5em;"> <img src="photo1.jpg" /><br /> Photo Caption </div> <div style="float: left; margin: auto 1.5em;"> <img src="photo2.jpg" /><br /> Photo Caption </div> <div style="float: …

142 html  center  css 

こんにちは、画面の中央にdivを配置するために、次のようなものを使用しています。 <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; } </style> <div id="mydiv">Test Div</div> ただし、この問題は、アイテムが画面ではなくページの中央に配置されることです。したがって、ページが数画面の高さであり、ページの上部にいる場合（パーツの上部が画面に表示されている場合）、divを表示すると画面に表示されません。表示するには下にスクロールする必要があります。 画面の中央に表示する方法を教えてください。

141 css  html  window  center 

背景画像をdivの中央に配置することはできますか？私はほぼすべてを試しましたが、成功しませんでした： <div id="doit"> Lorem Ipsum ... </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } これは可能ですか？

136 html  css  image  background  center 

現在のウィンドウを中央に配置する方法が必要です。たとえば、ユーザーがボタンを押した場合、ウィンドウを画面の中央に配置したいとします。startpositionプロパティを使用できることは知っていますが、アプリケーションが最初に起動するとき以外は、それを使用する方法を理解できません。では、フォームを画面の中央に配置するにはどうすればよいですか？

129 c#  winforms  screen  center 

position:fixedページの中央に配置されたdivを取得しようとしています。 私は常にこの「ハック」を使用して絶対配置されたdivでそれを行うことができました left: 50%; width: 400px; margin-left:-200px ...ここでmargin-leftの値はdivの幅の半分です。 これは固定位置のdivでは機能しないようです。代わりに、左端のコーナーを50％にして配置し、margin-left宣言を無視します。 これを修正して固定位置の要素を中央揃えにできるようにするためのアイデアはありますか？ そして、私が上記で概説した方法よりも、絶対配置された要素を中央に配置するより良い方法を教えていただければ、ボーナスM＆Mを投入します。

126 html  center  alignment  css-position 

CSSではoverflow:hidden、フローティング子の高さで拡張できるように、が親コンテナに設定されています。 しかし、それと組み合わせると、別の興味深い機能もありmargin: autoます... PREVIOUS兄弟がフローティング要素である場合、実際にはそれと並置されて表示されます。つまり、兄弟がその場合、float:leftコンテナfloat:none overflow:hiddenは兄弟の右側に表示され、改行は表示されません。通常のフローに浮かんでいるかのように表示されます。前の兄弟がfloat:rightその場合、コンテナは兄弟の左側に表示されます。このコンテナのサイズを変更すると、フローティング要素の中央に正確に表示されます。あなたが以前の2人の兄弟、1があれば言ってやるがfloat:left他にfloat:right、コンテナは2わたってるしき中央に表示されます。 だからここに問題があります... 子供をマスキングせずにそのタイプのレイアウトを維持するにはどうすればよいですか？ Web全体をグーグルで検索するclear:bothと、コンテナを拡張する方法がわかります...しかし、左/右の前の子の中心を維持するための代替ソリューションは見つかりません。コンテナを作成すると、コンテナoverflow:visibleは突然フローティング要素のレイアウトフローを無視し、フローティング要素の上に階層化されて表示されます。 だから質問： overflow:hiddenレイアウトを維持するためにコンテナが必要です... 子供たちがマスクされないようにするにはどうすればよいですか？コンテナの外側で、子を親に対して絶対的に配置する必要があります。 または overflow:visibleコンテナの外側で親に対して子を絶対に配置できるようにするにはどうすればよいですか...まだ兄弟のfloat-like-layout-flowを保持しますか？

100 css  overflow  css-float  center  hidden 

リスト行レイアウトを作りたい。このレイアウトでは、左端にイメージビュー、右隣にテキストビュー、右端にイメージビューがあります。私はそれらすべてが中央の垂直であることを望みます。 <RelativeLayout android:layout_width="fill_parent" android:layout_height="100dp" android:gravity="center_vertical" > <ImageView android:id="@+id/icon" android:layout_width="50dp" android:layout_height="50dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/func_text" android:layout_toRightOf="@id/icon" android:layout_width="wrap_content" android:layout_height="100dp" android:layout_gravity="center_vertical" /> <ImageView android:layout_width="50dp" android:layout_height="50dp" android:layout_alignParentRight="true" android:layout_gravity="center_vertical" android:src="@drawable/arrow" /> </RelativeLayout> またandroid:layout_centerVertical="true"、textview に追加しようとしましたが、結果は、textviewが2つのimageviewと下揃えになります。私はこれをAndroid 4.2エミュレータで試しました。誰かがこれについて私を助けることができますか？

88 android  center  android-relativelayout 

私はこのCSSを持つdivを持っています： #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } さて、どうすればこのdivを中央に配置できますか？使用できますmargin-left: -450px; left: 50%;が、これは画面が900ピクセルを超える場合にのみ機能します。その後（ウィンドウが900ピクセル未満の場合）、中央に配置されなくなります。 もちろん、ある種のjsでこれを行うことはできますが、CSSでこれを行う「より正しい」方法はありますか？

88 css  html  center 

通常のCSSセンタリングの問題は、私には機能しません。問題は、完成した幅のピクセルがわからないことです。 ナビゲーション全体のdivがあり、各ボタンが内側にあります。ボタンが複数ある場合、ボタンは中央に配置されなくなります。:( CSS .nav{ margin-top:167px; width:1024px; height:34px; } .nav_button{ height:34px; margin:0 auto; margin-right:10px; float:left; } HTML <div class="nav"> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Home</div> <div class="b_right"></div> </div> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Contact Us</div> <div class="b_right"></div> </div> </div> どんな助けでも大歓迎です。ありがとう 結果 幅が不明な場合は、ボタンを中央に配置する方法を見つけました。完全に満足しているわけではありませんが、問題ではありません。機能します：D 最良の方法はそれをテーブルに置くことです <table class="nav" align="center"> <tr> <td> <div class="nav_button"> <div …

85 css  button  center