                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

把宽改为100px之后，margin设为-50px 0 0 -50px 没有居中？

.box1 {

position: absolute;

top:50%;

left:50%;

margin:-50px 0px 0px -50px;

width: 100px;

height: 200px;

border: 1px solid red;

}

慕村7067317

2020-08-13

源自：初识HTML(5)+CSS(3)-升级版 15-3

关注问题我要回答

1099

操作

收起

4 回答

慕的地2173049 回答被采纳 +2 积分
2020-08-13

margin里面上和左是自身宽高值的一半，.box1的高度是200px，margin应该是：-50px 0 0 -100px

0 回复有任何疑惑可以回复我~

慕仰4133941
2020-08-18

上面回答是错的叭，margin：-100px 0 0 -50px，第一个是：-height/2 最后一个是-width/2吧

1 回复有任何疑惑可以回复我~

#1

慕的地2173049

嗯嗯，刚试了下，这个才是对的，我现在比较喜欢那个不定宽高的，不用记太多，直接transform: translate(-50%, -50%);

2020-08-20 回复有任何疑惑可以回复我~

慕村7067317 提问者
2020-08-15

谢谢你

0 回复有任何疑惑可以回复我~

慕村7067317 提问者
2020-08-13

这种效果

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225799 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

3 回答为什么要写margin：-50px 0 0 -50px;直接写margin：-50px;结果是一样的呀？

5 回答为什么要写margin：-50px 0 0 -50px;直接写margin：-50px;结果是一样的呀？(2)

3 回答定宽图片为何不能用margin:0 auto;居中

1 回答margin:-100px 0 0 -100px;这一步的含义不是很懂

3 回答任务要求是相对于以前位置左上角向右移动100px，向下移动50px，为何代码不是：right:100px;bottom:50px;

搜索更多本课相关问答

把宽改为100px之后，margin设为-50px 0 0 -50px 没有居中？

我要回答关注问题

意见反馈帮助中心 APP下载