HTML:5页面顶宽居中

最新推荐文章于 2023-05-07 01:40:09 发布

提拉米苏-杨

最新推荐文章于 2023-05-07 01:40:09 发布

阅读量482

点赞数

分类专栏： HTML:5

本文链接：https://blog.csdn.net/tlmis/article/details/102670227

版权

HTML:5 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

顶宽居中：
只有块元素：才能实现这样效果
子元素在父容器中：水平方向居中；
1：给当前元素设置固定宽度
2：让当前元素左右外边距自动

 html,body{
            height: 100%;

        }
    .box{
        width: 200px;
        height: 200px;
        border: 2px solid red;
        /* 顶宽居中 */
        /* 设置上下左右外边距  上下为0 左右自动 */
        /* margin: 0px auto; */

        /* 设置左外边距 */
        margin-left: auto;
        /* 设置右外边距 */
        margin-right: auto;
    }
    .wrap{
        width: 500px;
        height: 500px;
        background-color: red;
    }
    .inset{
        width: 200px;
        height: 200px;
        background-color: black;
        margin: 20px auto;
    }
   <body>
<div class="box"></div>
     <div class="wrap">
         <div class="inset">

         </div>
     </div>
    </body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

提拉米苏-杨

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML:5页面顶宽居中

顶宽居中：只有块元素：才能实现这样效果子元素在父容器中：水平方向居中；1：给当前元素设置固定宽度2：让当前元素左右外边距自动 html,body{ height: 100%; } .box{ width: 200px; height: 200px; border: 2px solid red...
复制链接

扫一扫