zoukankan      html  css  js  c++  java

  • 超大超长图片居中显示且放大缩小无影响

    1. 超大图片居中显示

    　　1.1 放大缩小都居中显示

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
body {
    overflow-x: hidden;
}


.top-banner .banner-list a {
    display: block;
    width: 100%;
    height: 500px;
    background-position: 50%; 

}

*{
    margin: 0;
    padding: 0;
}

    </style>
</head>
<body>
    <div class="top-banner">
    <div class="banner-list" >

             <a href="#" style="background-image: url(xx.jpg);"></a>

    </div>
</div>
</body>
</html>
  • 相关阅读:
    正则里的.*?
    无边框缩放
    平台 测试笔记
    eclipse快捷键
    linux笔记
    笔记
    wamp、wordpress
    java-selenium
    html/css笔记
    selenium2——ruby
  • 原文地址：https://www.cnblogs.com/wangyang0210/p/9281101.html
Copyright © 2011-2022 走看看