我使用下面的 css 以绝对位置居中我的 div:
#mydiv {
position:absolute;
top: 50%;
left: 50%;
width: 121px;
height: 121px;
margin-top: -60.5px; /*set to a negative number 1/2 of your height*/
margin-left: -60.5px; /*set to a negative number 1/2 of your width*/
}
它像魔术一样工作。但正如您所注意到的,它具有固定的宽度和高度。
现在我必须使用相同的 css,但我的 div 没有固定的宽度和高度,因为它使用响应式布局。
我只想知道有没有最简单的方法可以通过javascript在css中动态设置我的div宽度?即,它在页面加载时计算我的 div 宽度,然后在左边距中设置为负数 1/2?