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

センタリングとは、スペースの中間点に何かを配置することです。

7
ListViewの最後の要素に下マージンを追加する
複雑なアイテムの背景を持つListViewを追加するには、追加する必要があります。上下の角が偶数/奇数と丸みを帯びている場合が異なります。次のようになります。 私はこれらすべてをレベルリストを介して実装しましたが、もう1つやりたいことがあります。これで、一番下の項目が画面の下部近くにあります。スペースを追加することをお勧めします。 ListViewに下マージンを追加したくありません。最後のアイテムにのみマージンが必要です。 私がこれを行うために見る方法: フッター 一種のハック–空のTextViewを持つフッターをListViewに追加します。ただし、フッターは非常に不安定なものであり、通常、notifyDataSetChangedの後に消え、元に戻す方法はありません。 透明ピクセルの画像 デザイナーに、下部の背景リソースに透明なピクセルを追加するように依頼しました。残念ながら、この場合、垂直方向のセンタリングは完全に壊れています。たとえば、次のような9patchがあります。 そしてこのようなレイアウト: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <!-- View with background with transparent pixels on bottom --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/item" android:background="@drawable/some_bgr" android:padding="10dp" > <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="Title" android:layout_gravity="center" android:textSize="18sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Detail" android:layout_gravity="center" android:textSize="18sp" /> </LinearLayout> …

4
CSSを使用して不均等にDIVを中央に配置する
フレックスボックスを使用して、DIVを別のDIVの中央に配置しています。必要に応じて画面の中央にポップアップするダイアログウィンドウを考えてみてください。 正常に機能しますが、ダイアログの上下のスペースが完全に等しくなく、ダイアログの上下に残りのスペースの40%と60%があると、見栄えがよくなります。内部のテキストの量によってダイアログの高さが変わるため、注意が必要です。 たとえば、ブラウザの高さが1000ピクセルで、ダイアログウィンドウの高さが400ピクセルの場合、残りの垂直方向のスペース(600ピクセル)をダイアログの上240ピクセル、下360ピクセルにしたいとします。私はJavaScriptでそれを行うことができますが、CSSでいくつかの巧妙な方法があるかどうか知りたいです。#dialogBox DIVに下マージンを追加しようとしましたが、ダイアログの高さがブラウザーの高さに近づくと機能しません。 #dialogBoxPanel { position:absolute; display:flex; align-items:center; justify-content:center; left:0px; top:0px; width:100%; height:100%; } #dialogBox { width:350px; } <div id="dialogBoxPanel"> <div id="dialogBox">Text</div> </div> コードスニペットを実行するHide resultsスニペットを展開
23 html  css  flexbox  centering 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.