css
1、div整体在页面中居中显示
div{
position:absolute;
top:50%;
left:50%;
width:100px;
height:300px;
margin:-50px 0 0 -150px;
}
据对定位2、一个div中有隐藏内容,且div长度自适应,效果如下图
外层div不要设置固定高度,高度就可以随里面内容就行自动调整。
本文将介绍如何使用CSS来实现div元素在页面中的居中显示,并展示如何在外层div中包含隐藏内容,使得div长度能够自适应内含内容的高度。通过设置div的定位属性和margin,可以轻松达到预期效果。
div{
position:absolute;
top:50%;
left:50%;
width:100px;
height:300px;
margin:-50px 0 0 -150px;
}
据对定位
被折叠的 条评论
为什么被折叠?