如何水平居中可变宽度的浮动元素？
编辑:我已经使用了包含div浮动元素并width为容器指定了一个(然后margin: 0 auto;用于容器).我只想知道是否可以在不使用包含元素的情况下完成,或者至少不必width为包含元素指定a .
我试图将一个<ul>内部集中在一个<div>.我尝试了以下内容
text-align: center;
和
left: 50%;
这不起作用.
CSS:
.container {
clear: both;
width: 800px;
height: 70px;
margin-bottom: 10px;
text-align: center;
}
.container ul {
padding: 0 0 0 20px;
margin: 0;
list-style: none;
}
.container ul li {
margin: 0;
padding: 0;
}
我想让ul它集中在容器内.
当我从自定义位图添加标记时,标记不会在我指定的点居中.
我是这样添加的:
// ID tramo
final int tramoId = tr.getId();
// Nodos
final Nodo[] nodos = tr.getNodos();
final PolylineOptions p = new PolylineOptions();
MarkerOptions m = new MarkerOptions();
// Seteamos posicion de linea y marker
m.position(semisuma(nodos));
for (final Nodo n : nodos) {
p.add(n.getLatLng());
}
// Color de linea y marker
BitmapDescriptor icon = null;
if (tr.getCapacidad() == 0) {
p.color(0xFF000000);
m = null;
} else if (tr.getCapacidad() - tr.getPlazasOcupadas() == 0) {
p.color(0xEEFF0000);
final TextDrawable drawable = new TextDrawable(0, …android centering android-drawable google-maps-android-api-2
我试图将一个tkinter窗口居中.我知道我可以编程方式获取窗口的大小和屏幕并用它来设置几何图形的大小,但我不知道是否有到中心屏幕上的窗口,更简单的方法.
在xml中,您可以执行以下操作:
<TextView
...
android:layout_centerHorizontal="true"
...
/>
当我有实例时,我将如何以TextView编程方式执行此操作？
<body>
<div style="position:absolute; height:100%; width:100%;">
<h1 style="text-align:center;">Text</h1>
</div>
</body>
无论div元素有多高,我怎样才能将div标签内的h1标签垂直居中？即如果用户更改其浏览器高度,我希望h1根据新高度在中心垂直对齐.
谢谢.
我希望我的<p>元素位于容器的中心<div>,就像完美居中一样 - 顶部,底部,左侧和右侧边距平均分割空间.
我怎样才能做到这一点？
div {
width: 300px;
height: 100px;
}
p {
position: absolute;
top: auto;
}<div>
<p>I want this paragraph to be at the center, but it's not.</p>
</div>我正在使用一个100%的父div高度的div.
div只包含一行文本.
div不能有固定的高度.
所以我的问题是.
如何垂直居中文本行？
我尝试过使用:
display: table-cell;
line-height:200%;
如果重要的是div绝对定位.
.requests {
position: absolute;
right: 0;
height: 100%;
width: 50px;
padding: 0 10px;
background-color: #69A4B5;
display: table-cell;
vertical-align: middle;
border-bottom-right-radius: 5px;
}
<button>我觉得这个元素周围有一些神奇的东西.
考虑这个标记:
<button class="button">Some Text</button>
<div class="button">Some Text</div>
这个CSS:
.button{
background: darkgrey;
height: 40px;
border: 2px solid grey;
width: 100%;
box-sizing: border-box;
font-size: 14px;
font-family: helvetica;
text-align: center;
margin-bottom: 20px;
/*I'm aware I could use this to center it*/
/*line-height: 40px;*/
}
是什么让按钮元素中的文本垂直居中？WebKit的似乎是预先定义-webkit-box-align与值center的<button>元素.如果我将其设置为initial文本不再与中心对齐.但这似乎并不是完全的魔力,因为另一方面,我没有运气使用-webkit-box-align属性将文本集中在div上.
这是一个小提琴:http://jsfiddle.net/cburgdorf/G5Dgz/