想用CSS垂直居中div。不想要表或Javascript,但只有纯CSS。找到了一些解决方案,但都缺少对Internet Explorer 6的支持。
<body>
<div>Div to be aligned vertically</div>
</body>
如何在所有主流浏览器(包括Internet Explorer 6)中垂直居中div?
HTML:
<div class="border">
<glyph class="center" [icon]="'star'" ></glyph>
<div class="centerText">
This Is Text that is centered.
</div>
</div>
Css:
.centerText{
text-align: center;
}
.border{
我试着用JQuery使这个div居中,这样它就能响应,但我似乎做不到,我已经试过了
function resize() {
var h = $(window).height();
var w = $(window).width();
var ct = $("#content");
ct.height(h / 2.5);
ct.width(w / 2.5);
ct.css("left", w / 2);
ct.css("right", w / 2);
ct.css("top", h / 2);
我需要有一个div,它的内容总是相对于屏幕居中,但我也有其他的div在我想要居中的左侧。如果我只是将" center“div的内容居中,它将相对于div宽度居中,而不是屏幕。
我尝试过的
我想要的是这样的东西..。
| true center |
|left div| centered D |
|longer left div| center
我想用CSS垂直居中一个div。我不想要表格或JavaScript,只想要纯CSS。我找到了一些解决方案,但它们都缺少对Internet Explorer 6的支持。
<body>
<div>Div to be aligned vertically</div>
</body>
如何在所有主流浏览器(包括Internet Explorer6)中将div垂直居中?