CSS-有关于图片的问题
来源:互联网 发布:零基础学c语言 知乎 编辑:程序博客网 时间:2024/06/10 01:59
一般在实际项目中,图片大多数情况下都是由<img>标签插入进去的,这样的好处就是方便后期的维护以及在进行前后端对接时提供方便。可这就带来了一个问题,那就是由<img>标签插进去的图片并不会像设置背景图片那样方便。在这里我给大家提供一个解决方案。
1、首先给需要插入图片的div设置一个类名,可以是img-box、imgs等等,在这里我推荐使用img-box。
2、在style中设置 .img-box img{max-width:100%;min-height:100%;font-size:0;display:block; }
3、另外设置一个类名,专门用来设置图片的大小。
这样设置之后,不管后台传多大的图片进来都不会出现溢出的部分,怎么样,是不是很神奇呢。
还有就是有关于背景图片的问题。当给一个div设置过背景图片后,如果还想要让它background-size:100%;时一定要注意它的先后顺序。比如,在设置过background后,background-size必须放在background的后面,否则将无法渲染。这与浏览器渲染代码的先后顺序有关。(已在VsCode中得到证实)
阅读全文
0 0
- CSS-有关于图片的问题
- 有关于oracle的问题!
- 有关于预处理的问题
- 有关于css的clear属性
- 有关于用css来进行网页布局的一些问题week4
- 【声明】有关于博文中图片不显示问题的声明
- 有关于虚函数的问题
- 有关于RTX本地缓存的问题
- 有关于txtsetup.sif 错误的问题
- jsp中有关于超链接的问题
- 有关于Vector对象的问题
- php有关于路径的问题分析
- oracle中有关于字符串的问题。
- 有关于tomcat的乱码问题
- 有关于指针函数的问题
- 有关于JAVAEE乱码问题的总结
- 有关于stm32 串口DMA的问题
- 有关于变量类型的隐含问题
- 使用windows 10 安装中文版语言
- java使用spring+springmvc+mybatis上传图片
- 深度学习《deep learning》学习笔记第一章——引言
- oracle 存储过程demo
- HTML5_CSS3样式&属性
- CSS-有关于图片的问题
- 升级Android Studio3.0,输入法输入中文,卡顿、出不来提示的情况终极解决方案!
- 短信验证码60倒计时,jquery/js实现案例-短信平台验证码开发8
- 企业Spring Cloud分布式微服务云架构的技术点整合
- 阿里云环境ping不通
- Cassandra源码解析
- JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
- 1.1 继承和派生基本概念
- 基于CSOCKET的Client简单实例