首页 > 其他分享 >展示控制图片大小

展示控制图片大小

时间:2022-11-07 11:39:17浏览次数:45  
标签:控制 img Img 展示 100% zc ul li 图片大小

中间图片没有显示全,不设置图片高度 或者设置100% 即可显示全

外部div控制高度,内部img 高度100% 这样即可实现压缩

<div class="Img"><img src="pic/news_1.jpg"></div>


css


.zc_list ul li a .Img{width:100%;height:3.60rem;}

.zc_list ul li a .Img img{display:block;width:100%;height: 100%;}

标签:控制,img,Img,展示,100%,zc,ul,li,图片大小
From: https://blog.51cto.com/u_15862653/5828341

相关文章

  • AWS S3 bucket 的 ACL 控制
    在新的AWSS3控制中,启用了一个默认的配置。这个默认的配置能够阻止用户的访问。如何修改首先需要对Object所有者进行修改。在打开的界面中,选择ACLs启用。然后选择选......
  • 为什么全球升温要控制在1.5度以内? | 经济学人全球早报精选
    文/王不留(微信公众号:考研英语笔记)2021年11月10号的清晨,来杯“经济学人浓香咖啡”,提神解困。Hopespringseternal:COP26COP26,theUNclimatesummit,isinitssecond......
  • DRF中后台返回不同状态,前端展示不同状态样式
    后端classAuctionModelSerializer(serializers.ModelSerializer):status=serializers.SerializerMethodField()items=serializers.SerializerMethodField(......
  • 实验6:开源控制器实践——RYU
    实验6:开源控制器实践——RYU一、实验目的能够独立部署RYU控制器;能够理解RYU控制器实现软件定义的集线器原理;能够理解RYU控制器实现软件定义的交换机原理。二、实验环境......
  • 实验5:开源控制器实践——POX
    一、实验目的能够理解POX控制器的工作原理;通过验证POX的forwarding.hub和forwarding.l2_learning模块,初步掌握POX控制器的使用方法;能够运用POX控制器编写自定义网络应......
  • 实验4:开源控制器实践——OpenDaylight
    实验4:开源控制器实践——OpenDaylight一、实验目的能够独立完成OpenDaylight控制器的安装配置;能够使用Postman工具调用OpenDaylightAPI接口下发流表。二、实验环境......
  • 实验4:开源控制器实践——OpenDaylight
    (一)基本要求1.利用Mininet平台搭建下图所示网络拓扑,并连接OpenDaylight控制器2.通过Postman工具调用OpenDaylight提供的API下发流表,实现拓扑内主机h1和h3网络中断10s(......
  • 4.RestFul和控制器
    4.RestFul和控制器1.控制器Controller控制器复杂提供访问应用程序的行为,通常通过接口定义或注解定义两种方法实现控制器负责解析用户的请求并将其转换为一个模型在Spr......
  • 实验6:开源控制器实践——RYU
    一、实验要求(一)基本要求1.搭建下图所示SDN拓扑,协议使用OpenFlow1.0,并连接Ryu控制器,通过Ryu的图形界面查看网络拓扑。查看网络拓扑2.阅读Ryu文档的TheFirstApplic......
  • 实验4:开源控制器实践——OpenDaylight
    实验4:开源控制器实践——OpenDaylight一、实验目的能够独立完成OpenDaylight控制器的安装配置;能够使用Postman工具调用OpenDaylightAPI接口下发流表。二、实验环境Ubu......