如何实现大图居中超过的部分两边自动隐藏
本文共 300 字，大约阅读时间需要 1 分钟。
现在大多数用的显示器都是大屏的，所以我们美工在设计海报时都会用大图，但还是有一部分朋友是用小屏幕，那么，如何实现大图居中超过的部分两边自动隐藏呢？ytkah也遇到这样的情况，一起来看看怎么解决吧
需要为div设置一个高度，本例是335px，自动隐藏的属性overflow:hidden;注意position: relative。然后要为图片设置left：50%；margin-left:-960px（图片长度的一半）；position：absolute；
这样改造之后基本上通用的屏幕都能正常显示图片的中间部分，不会出现左右推移的情况发生
转载地址：http://qrdda.baihongyu.com/
你可能感兴趣的文章
程序员福利：当编程语言都变成女孩子
查看>>
《Adobe Photoshop CC经典教程（彩色版）》—第1课1.3节设置工具属性
查看>>
《动手玩转Arduino》——11.3 展望
查看>>
《ArcGIS Engine 地理信息系统开发从入门到精通（第二版）》——6.6 Geodatabase的使用与开发...
查看>>
《Python自然语言处理》——第1章 语言处理与Python
查看>>
关于 Android TV 的更多细节
查看>>
深度访谈： 怎样玩转天猫？看这九本书就够了
查看>>
阿里云大学发布
查看>>
《51单片机应用开发从入门到精通》——2.7 中断的控制及设置
查看>>
《Windows PowerShell实战指南（第2版）》——第1章 背景介绍 1.1为什么要重视PowerShell...
查看>>
《Origin 9.0科技绘图与数据分析超级学习手册》一2.3 菜单栏
查看>>
《Adobe Flash CS5中文版经典教程》——1.11 保存影片
查看>>
Linux mpstat 命令- 报告处理器的相关统计信息
查看>>
阿里云ECS、Redis再次降价 最高降幅35%
查看>>
《Netty in Action》中文正式出版：阿里工程师耗时2年精心翻译（含试读PDF）
查看>>
《游戏机制——高级游戏设计技术》一第 2 章 突现和渐进
查看>>
Maven实战. 3.5使用Archetype生成项目骨架
查看>>
《HTML5移动开发》—— 第1章 学习移动HTML5、CSS3和Java Script API之前的准备工作...
查看>>
Java核心技术卷I基础知识3.5.9 枚举类型
查看>>
深入实践Spring Boot1.6 小结
查看>>