首页 > 网站 > 帮助中心 > 正文

实现文章内容与软件介绍处图片的自动收缩

2024-07-09 22:55:49

字体：大中小

来源：转载

供稿：网友

　可能很多朋友还在为图片的过大而导致页面的"扩张"与"难看"了,下面为大家简单的说一下如何时实现内容页的图片自动收缩!
　　
　　假使我们的文章内容页面的码是这样的
　　
　　<div class="showlist">文章内容标签</div>
　　
　　我们只需在CSS样式表中找到.showlist并添加比如你的文章放在
　　
　　.showlist img {max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width);}
　　
　　上面的500是图片的最大宽,如果我们要限制高,只需将上面代码中的width改成hight即可!
　　
　　或者,我们直接在<div class="showlist">中添加好
　　
　　如:<div class="showlist" style="img max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width);">

上一篇：自定义模型加入购物车提示“非商城表的信息”？

下一篇：如何让软件在无缩略图的情况下自动显示广告

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注