首页 > 代码库 > 盒子模型上下左右居中方法总结
盒子模型上下左右居中方法总结
1.采用负边距和position结合方式
<html><head></head><body><style type="text/css">.big{position:relative;background:#eee;width:100%;height:100%;}.small{position:absolute;top:50%;left:50%;width:200px;height:200px;border:1px solid red;margin:-100px 0 0 -100px;background:#fff;}</style><div class="big"> <div class="small">盒子居中</div></div></boyd></html>
盒子模型上下左右居中方法总结
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。