广告
广告
html/css/javascript您现在的位置是：主页 > html/css/javascript >

一个div在另一个div中上下左右居中css代码

2023-12-29 21:51:07html/css/javascript 136人已围观

效果如图

代码如下 

<div class="box1">
	<div class="box2">
	</div>
</div>
<style>
.box1{position: relative;width:500px;height:500px;margin:0 auto;background:#ccc;}
.box2{width:280px;height:220px;position: absolute;background: #aaa;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
</style>

 


扫码添加技术微信【解决问题，仅需10元起】

专注中小企业网站建设、网站安全15年。
熟悉各种CMS，精通PHP+MYSQL、HTML5、CSS3、Javascript等。
承接：企业仿站、网站修改、网站改版、BUG修复、问题处理、二次开发、PSD转HTML、网站被黑、网站漏洞修复等。
专业解决各种疑难杂症，您有任何网站问题都可联系我们技术人员微信。
➥ 可淘宝担保交易，安全无风险

上一篇：SSL证书的应用场景有哪些？我们为什么要使用https？

下一篇：php网站通用jssdk微信分享给好友带简介和缩略图

广告
广告

相关文章

栏目分类

本栏推荐

pbootcms全国多城市网点筛选查询插件 适用于经销商查询，分店查询，售后服务站查询
技术微信