HTML – 如何定位在中心

发布时间：2020-12-14 23:07:38 所属栏目：资源来源：网络整理

导读：我的HTML看起来像这样：如何在div.check的中间水平和垂直对齐复选框？ (“.item”div的高度是动态的) 最佳答案以下是Kilian Stinson代码的编辑,不需要CSS3支持. 而不是翻译我使用em： HTML： CSS： .check { width: 40px; height: 80px; outline: 1px soli

我的HTML看起来像这样：


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


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


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/

                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!