css

最新推荐文章于 2024-01-15 00:00:00 发布

╰碾散这一轮乱世繁华

最新推荐文章于 2024-01-15 00:00:00 发布

阅读量76

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43226278/article/details/101517065

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

实现按钮固定在底部
.r{position:fixed; bottom:0;}
正方形
width: 100%;
height: 100vw;

隐藏
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

!important;

a{
text-decoration:none;
}

@media only screen and (min-width:401px) and (max-width:414px) {
.hb {
float: left;
margin-left: 6.3%;
margin-bottom: 5.5%;
}
}
@media only screen and (min-width: 320px) and (max-width:359px) {
.hb {
float: left;
margin-left: 0.7%;
margin-bottom: 2.5%;
margin-top:8px;
}

background: url(…/…/img/shop/homepage/gwc.png) no-repeat center -80px

<head>

    <meta charset="UTF-8">

    <title>img图片居中</title>

    <style>

        *{margin: 0;padding:0;}

        .demo{

            width: 400px;

            height: 300px;

            margin: 50px auto;

            border: 1px dashed #000;

            display: flex;

            justify-content: center;

            align-items: center;

        }

        .demo img{

            width: 200px;

            height: 150px;

        }

    </style>

</head>

<body>

    <div class="demo">

        <img src="1.jpg" />

    </div>

</body>

╰碾散这一轮乱世繁华

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css

正方形width: 100%;height: 100vw;隐藏overflow:hidden;text-overflow:ellipsis;white-space:nowrap;!important;a{text-decoration:none;}@media only screen and (min-width:401px) and (max-width:414px) {.h...
复制链接

扫一扫

专栏目录