社区
CSS
帖子详情
如果实现图片随着div缩放的一个效果. 只使用css和html
yylang1987
2009-06-07 12:39:43
div宽度是不固定的. 高度根据内容可以延长.
图片最大宽度是div宽度的80%; 高度随着宽度等比例缩放.
如果图片的宽度小于div宽度的80%, 则安装原来大小显示.
...全文
339
7
打赏
收藏
如果实现图片随着div缩放的一个效果. 只使用css和html
div宽度是不固定的. 高度根据内容可以延长. 图片最大宽度是div宽度的80%; 高度随着宽度等比例缩放. 如果图片的宽度小于div宽度的80%, 则安装原来大小显示.
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
yylang1987
2009-06-09
打赏
举报
回复
[Quote=引用 4 楼 storm0 的回复:]
不要将所有的事都丢给css来做,它不是神仙
[/Quote]
你的观点偏激了.
我只是实现一个样式, 虽然有点复杂, 但是并没有动态的逻辑要求.
理论上就应该用样式表来做.
FanG081020
2009-06-08
打赏
举报
回复
不用script?CSS真的能做吗?
学习
bing475879749
2009-06-08
打赏
举报
回复
用到min-height或min-width
给你一个兼容的CSS,必须要定义初始DIV宽度才可以的,当DIV里的内容比定义的最小值还大就自动扩大
min-height:100px; /*高度最小值设置为:100px*/
height:auto !important; /*兼容FF,IE7也支持 !important标签*/
height:100px; /*兼容ie6*/
飘零雾雨
2009-06-08
打赏
举报
回复
不要将所有的事都丢给css来做,它不是神仙
lihan6415151528
2009-06-07
打赏
举报
回复
先获取div的宽度,之后和图片原始宽度比较是否大于80%
之后决定怎么样在div中显示。
crystalbright
2009-06-07
打赏
举报
回复
我顶
yylang1987
2009-06-07
打赏
举报
回复
[Quote=引用 1 楼 lihan6415151528 的回复:]
先获取div的宽度,之后和图片原始宽度比较是否大于80%
之后决定怎么样在div中显示。
[/Quote]
只使用css和html
不使用脚本
如何
使用
CSS
实现
图片
和
div
的等比例
缩
放
首先,这里采用
CSS
3的方式,先设置父
div
的宽高,在对其中的img标签设置
缩
放
比例。 下面是
Div
代码 <
div
class = "FuD"> <img src = "
图片
路径" class = "img"/> </
div
> 下面是
CSS
代码 .FuD{ width:500px; height:550px .img{ -ms-transform: scale(0.5); //
缩
放
比例0.5 -webkit-transform: scale(0.
【
html
css
】
DIV
+
CSS
如何让
图片
和文字在同一行
【
html
css
】
DIV
+
CSS
如何让
图片
和文字在同一行 前端react项目要写一个图标
放
在标题后面。 在
div
+
css
布局中,如果一行(或一个
DIV
)内容中有
图片
和文字的话,
图片
和文字往往会一个在上一个在下。 目前
使用
3种方法
实现
,我用百度
图片
作为示例。 1.添加
CSS
属性 vertical-align:middle; <style> a img { border: none; } .test
div
* { vertical-align: middle; }
html
缩
放
动画
效果
,
CSS
3鼠标hover背景
图片
缩
放
动画
效果
这是一款
CSS
3鼠标hover背景
图片
缩
放
动画
效果
。该特效是在鼠标hover背景
图片
时,将背景
图片
平滑
放
大。鼠标离开时,背景
图片
恢复为原来的大小。
使用
方法
HTML
结构以一个为例,在它上面设置一张背景
图片
,
HTML
结构如下:上面的默认是从中心开始
缩
放
图片
。你也可以设置为以其它原点作为背景
图片
缩
放
的中心点,例如以背景
图片
的右上角为
缩
放
中心点:
CSS
样式背景
图片
的
缩
放
通过
CSS
3 background-...
html
图片
自动在
div
里
放
大,
HTML
5+
CSS
3
实现
图片
的
放
大/
缩
小
原标题:
HTML
5+
CSS
3
实现
图片
的
放
大/
缩
小 最近做项目时,经常遇到需要
图片
缓慢
放
大的
效果
。我做的时候想到了几种方法,所以来总结一下。1、 利用
css
改变
图片
的宽高,做出视觉上的
放
大。首先,将
图片
写入
html
页面中,给定宽高。 箭头所指向的就是我们需要变化的
图片
。我们需要给定
图片
父级盒子的宽高,如上图。Tips:transition用于设置四个过渡属性。这四个属性分别为: 这个属性要设置在做动...
div
css
布局中
CSS
图片
大小自动按比例等比例
缩
小
图片
不变形解决技巧
div
css
布局中
CSS
图片
大小自动按比例等比例
缩
小
图片
不变形解决技巧 在
DIV
CSS
布局中对于
图片
列表或
图片
排版时,
图片
不是固定宽度高度大小,但
图片
占位是固定宽度高度,这个时候如果
使用
CSS
固定死
图片
大小(宽度 高度),这个时候如果
图片
相对于这个位置不是等比例大小,那么这张
图片
就会变形,让
图片
变的不清晰,这个时候想让
图片
不变形又按比例
缩
放
,如何解决?
CSS
图片
缩
小不变形,
图片
自动...
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章