Questions tagged «centering»

居中是将某物放置在空间的中点的动作。

7
向ListView的最后一个元素添加下边距
我需要添加添加具有复杂项目背景的ListView:顶部和底部的偶数/奇数和圆角不同。看起来像这样: 我已经通过级别列表实现了所有这些东西,但是我还想做一件事。现在,底部项目位于屏幕底部附近。最好增加一些空间。 我不想在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> …

7
使用CSS将旋转文本垂直居中
我有以下HTML: <div class="outer"> <div class="inner rotate">Centered?</div> </div> div.outer是一条狭窄的垂直条。div.inner旋转90度。我想要文本“居中吗?” 出现在其容器div的中心位置。我不知道任何一个div的大小。 这很接近:http : //jsfiddle.net/CCMyf/2/。您可以从jsfiddle中看到,在transform: rotate(-90deg)应用样式之前,文本在垂直方向居中,但是在应用样式之后,文本有些偏移。div.outer短时尤其明显。 是否可以在不预先知道任何大小的情况下将文本垂直居中?我还没有找到transform-origin解决该问题的任何方法。

6
如何水平居中未知宽度的无序列表?
通常在列表中的页脚中有一组链接,例如: <div id="footer"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div> 我希望div#footer中的所有内容都水平居中。如果它是一个段落,您只需说:p { text-align: center; }。或者,如果我知道宽度,<ul>我可以说#footer ul { width: 400px; margin: 0 auto; }。 但是,如何在不设置固定宽度的情况下居中排列无序列表项<ul>呢? 编辑:澄清-列表项应该彼此相邻,而不是下面。
70 html  css  centering 

4
使用CSS不平等地居中DIV
我正在使用flexbox将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> 运行代码段隐藏结果展开摘要
23 html  css  flexbox  centering 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.