JavaShuo
栏目
标签
超大图如何居中?
时间 2021-01-22
标签
css
栏目
CSS
繁體版
原文
原文链接
` 很多大图在显示的时候不完整,或者不能做到显示中间部分,那么在CSS中如何做到超大图居中?例如这样 这个代码很简单,原理就是定位,当然为了不影响文档流,用的是相对定位。 下面就是代码! 原理:假设黑色的框是容器,红色的框是大图,绿线是容器的50%,那么给图片加相对定位left:50%,则为: 那么让图片居中,就需要,把红色向左拉取,拉取多少呢?看图: 拉取的是这一部分,这一部分从直观上可以看到拉
>>阅读原文<<
相关文章
1.
如何使html中的图片居中
2.
python-docx 如何使图片居中?
3.
word如何批量居中图片
4.
div图片垂直居中 如何使div中图片垂直居中
5.
如何显示一副超大图像
6.
IMG Center-居中如何破!
7.
如何使div居中
8.
CSS如何实现居中
9.
float以后如何居中
10.
如何使DIV居中
更多相关文章...
•
XSD 如何使用?
-
XML Schema 教程
•
如何伪造ARP响应?
-
TCP/IP教程
•
JDK13 GA发布:5大特性解读
•
Scala 中文乱码解决
相关标签/搜索
如何
何如
居中
如图
超大
图中
如何学习
不管如何
如何是好
CSS
Docker命令大全
PHP 7 新特性
NoSQL教程
注册中心
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
升级Gradle后报错Gradle‘s dependency cache may be corrupt (this sometimes occurs
2.
Smarter, Not Harder
3.
mac-2019-react-native 本地环境搭建(xcode-11.1和android studio3.5.2中Genymotion2.12.1 和VirtualBox-5.2.34 )
4.
查看文件中关键字前后几行的内容
5.
XXE萌新进阶全攻略
6.
Installation failed due to: ‘Connection refused: connect‘安卓studio端口占用
7.
zabbix5.0通过agent监控winserve12
8.
IT行业UI前景、潜力如何?
9.
Mac Swig 3.0.12 安装
10.
Windows上FreeRDP-WebConnect是一个开源HTML5代理,它提供对使用RDP的任何Windows服务器和工作站的Web访问
本站公众号
欢迎关注本站公众号,获取更多信息
相关文章
1.
如何使html中的图片居中
2.
python-docx 如何使图片居中?
3.
word如何批量居中图片
4.
div图片垂直居中 如何使div中图片垂直居中
5.
如何显示一副超大图像
6.
IMG Center-居中如何破!
7.
如何使div居中
8.
CSS如何实现居中
9.
float以后如何居中
10.
如何使DIV居中
>>更多相关文章<<