超大超长图片居中显示且放大缩小无影响
生活随笔
收集整理的這篇文章主要介紹了
超大超长图片居中显示且放大缩小无影响
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
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>?
更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的超大超长图片居中显示且放大缩小无影响的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： split 将字符串分割成字符串数组
- 下一篇： css随堂笔记（一）