为编程爱好者分享易语言教程源码的资源网

网站首页 > 网络编程 > 面试题 正文

如何居中div,如何居中一个浮动元素?

三叶资源网 2020-09-30 面试题 467 ℃ 0 评论

如何居中 div

给 div 设置一个宽度,然后添加 margin:0 auto 属性 

div{
        width:200px;
        margin:0 auto;
}


居中一个浮动元素

确定容器的宽高 宽 500 高 300 的层

设置层的外边距 

.div {
    Width:500px ; 
    height:300px;//高度可以不设 
    Margin: -150px 0 0 -250px; 
    position:relative;//相对定位 
    background-color:pink;//方便看效果 
    left:50%;
    top:50%; 
}


来源:三叶资源网,欢迎分享,公众号:iisanye,(三叶资源网⑤群:21414575

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

百度站内搜索
关注微信公众号
三叶资源网⑤群:三叶资源网⑤群

网站分类
随机tag
斗鱼TCP协议粒子特效数据结构画图形按钮跳一跳udp广播组播易LOGO支持库图片比例缩放格式化项目揭秘quickjs检测更新源码例程内存注册美团超文本浏览框支持库express微博热搜榜ETCP单纯挖矿
最新评论

公告×

公告1:域名更换通知
公告2:关于部分地区无法访问本站的解决方法
公告3:未登录用户禁止搜索通知