HTML – 如何定位在中心

前端之家收集整理的这篇文章主要介绍了HTML – 如何定位在中心前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我的HTML看起来像这样:

Box">

如何在div.check的中间水平和垂直对齐复选框? (“.item”div的高度是动态的)

最佳答案
以下是Kilian Stinson代码的编辑,不需要CSS3支持.
而不是翻译我使用em:

HTML:

Box">

CSS:

.check {
    width: 40px;
    height: 80px;
    outline: 1px solid red;
    position: relative;
}

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
}

JSFiddle:http://jsfiddle.net/Yzhnf/4/

猜你在找的HTML相关文章