首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >可以在css中更改图像的高度吗?

可以在css中更改图像的高度吗?

提问于 2018-01-04 17:01:01
回答 2关注 0查看 265

假设想使用图像来装饰指向某些文件类型的链接

代码语言:javascript
运行
AI代码解释
复制
<a href='foo.pdf' class='pdflink'>A File!</a>

CSS

代码语言:javascript
运行
AI代码解释
复制
.pdflink:after { content: url('/images/pdf.png') }

这么做是对的吗

回答 2

DEA林晨曦

发布于 2018-01-05 02:37:03

注意,:after伪元素是一个框,它反过来包含生成的图像.。没有方法可以对图像进行样式化,但是您可以对框进行样式化。

以下只是一个想法,以上溶液更实用。

代码语言:javascript
运行
AI代码解释
复制
.pdflink:after {
    content: url('/images/pdf.png');
    transform: scale(.5);
}

http://jsfiddle.net/nwupm/

缺点:你需要知道图像的内在尺寸,它给你留下了一些空白,这是我无法摆脱的自动取款机。

京东售后

发布于 2018-01-05 01:09:59

调整background-size。但是,仍然需要指定块的宽度和高度。

代码语言:javascript
运行
AI代码解释
复制
.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px; 
    height: 20px;
    content:"";
}

请参阅MDN上的完全兼容性表...

和开发者交流更多问题细节吧,去 写回答
相关文章
Elasticsearch 可以更改 Mapping 吗?如何修改?
业务需要 append join children,官方也说可以 append,但是又没给方案,我尝试都失败了。
铭毅天下
2021/12/01
14.4K0
Elasticsearch 可以更改 Mapping 吗?如何修改?
你可以恢复模糊的图像吗?
有人认为恢复模糊的图像是不可能的,因为会丢失信息。但我对这个问题进行了很多思考,并认为如果输出图像的大小与输入图像的大小相同,那实际上是可能的!这样,输出就有足够的像素/信息来恢复原始像素/信息。
小白学视觉
2022/02/14
1.3K0
你可以恢复模糊的图像吗?
CSS解决高度坍塌
默认情况下当父元素不设置高度的时候父元素的高度是靠子元素撑大的,也就是说子元素有多高,父元素就有多高;但是当子元素加了浮动之后,子元素就脱离了文档流,这时候父元素就会发生高度坍塌现象。
ltfei
2023/03/06
1.8K0
CSS解决高度坍塌
CSS 3.0中裁剪图像的特效
在有CSS 3.0之前裁剪图片实现也是颇有难度的,现在我们有了两个非常方便简单的属性可以实现裁剪,那就是object-fit和object-position,这两个属性可以让我们改变图片的大小,但是不影响图片的长宽比,利用它我们可以实现一个如下的特效。
越陌度阡
2020/11/26
1.3K0
CSS 3.0中裁剪图像的特效
CSS样式更改——过渡、动画
上篇文章主要讲述了CSS样式更改中的2D转换,这篇文章我们来介绍下CSS样式更改中的过渡、动画基础用法。
前端皮皮
2020/11/25
1.5K0
CSS样式更改——文本Content
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法。
前端皮皮
2020/11/26
2K0
[答疑]业务用例的研究组织可以在同一个建设系统中可以变化吗
2013-02-08 9:44:15 上孙安俊(359***041) 请问大家一个问题,业务用例的研究组织可以在同一个建设系统中可以变化吗? 2013-02-08 9:44:51 潘加宇(3504847) 没有必要变化了 2013-02-08 9:46:55 潘加宇(3504847) 这个划定的范围,能把你要改进的场景被包在里头就可以。 2013-02-08 9:48:41 上孙安俊(359***041) 如果想做一个部门业务管理系统, 2013-02-08 9:48:54 上孙安俊(359***041) 有时间,从部门外面,接报问题,需求处理, 2013-02-08 9:49:32 上孙安俊(359***041) 但是一些部门的内部管理,比如员工请假,工作记录,也会涉及到,这个时间的范围好像已经变了,按科室去管理了 2013-02-08 9:50:59 潘加宇(3504847) 员工还要上厕所呢,是不是这时需要改变研究对象为厕所? 2013-02-08 9:51:42 潘加宇(3504847) 部门就可以了,把这些场景组织到部门的用例下面 2013-02-08 9:54:44 潘加宇(3504847) 既然改进的范围波及整个部门,就要用"部门"的眼光去思考"请假"等问题 2013-02-08 9:55:28 上李帅(958**7) 比如那些非常苛刻的工厂,员工上厕所都要记时,那么厕所应该也纳入研究对象么? 2013-02-08 9:56:31 潘加宇(3504847) 不能"因为请假所以请假",要想一想"员工请假"对部门的价值意味着什么? 2013-02-08 10:14:41 上李帅(958**7) 意味着缺少了资源 2013-02-08 10:25:47 上孙安俊(359***041) 请假与加班是相对的,可以进行调休 2013-02-08 11:04:09 潘加宇(3504847) 我上面讲的不知道是否理解了? 2013-02-08 11:11:15 潘加宇(3504847) 请假本身不是部门的用例,但会影响部门的某些用例的实现,把请假作为一个场景放在这些用例下面。 2013-02-08 11:15:53 刘佳(761**3) 利润=需求-设计,看来程序员仅仅会需求分析,会一些程序设计语言,不断制造东西却不维护,代码复用度太低,会影响利润 2013-02-08 12:02:38 上孙安俊(359***041) 好
用户6288414
2021/10/13
3.6K0
在Unity场景中更改天空盒的步骤
一、介绍 目的:在Unity场景中制作一个天空盒。 软件环境:Unity 2017.3.0f3,VS2013。 参考 skybox  二、自制一个天空盒 1,创建一个材质material 2,更改属性
Zoctopus
2018/06/04
9.1K0
在推荐系统中,我还有隐私吗?联邦学习:你可以有
随着互联网覆盖范围的扩大,越来越多的用户习惯于在网上消费各种形式的内容,推荐系统应运而生。推荐系统在我们的日常生活中无处不在,它们非常有用,既可以节省时间,又可以帮助我们发现与我们的兴趣相关的东西。目前,推荐系统是消费领域最常见的机器学习算法之一[1]。以网络新闻为例,由于每天都有大量的新闻文章发布在网上,在线新闻服务的用户面临着严重的信息过载。不同的用户通常喜欢不同的新闻信息。因此,个性化新闻推荐技术被广泛应用于用户的个性化新闻展示和服务中。关于新闻的推荐算法 / 模型研究已经引起了学术界和产业界的广泛关注。
机器之心
2020/12/03
5.9K0
在推荐系统中,我还有隐私吗?联邦学习:你可以有
图像处理在工程中的应用
传感器 图像处理在工程和科研中都具有广泛的应用,例如:图像处理是机器视觉的基础,能够提高人机交互的效率,扩宽机器人的使用范围;在科研方面,相关学者把图像处理与分子动力学相结合,实现了多晶材料、梯度结构等裂纹扩展路径的预测,具体见深度学习在断裂力学中的应用,以此为契机,偷偷学习一波图像处理相关的技术,近期终于完成了相关程序的调试,还是很不错的,😄~ 程序主要的功能如下:1、通过程序控制摄像头进行手势图像的采集;2、对卷积网络进行训练,得到最优模型参数;3、对采集到的手势进行判断,具体如下图所示: 附:
联远智维
2022/01/20
3K0
图像处理在工程中的应用
【DB笔试面试618】在Oracle中,“OR扩展”可以有查询转换吗?
♣ 题目部分 在Oracle中,“OR扩展”可以有查询转换吗? ♣ 答案部分 同一字段: LHR@orclasm > SELECT * FROM SCOTT.EMP A WHERE A.EMPNO =7369 OR A.EMPNO=1; EMPNO ENAME JOB MGR HIREDATE SAL COMM DEPTNO ---------- ---------- --------- ------
AiDBA宝典
2019/09/29
7K0
css高度坍塌与清除浮动
但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷.由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动,这样将会导致页面布局混乱.
ZEHAN
2020/09/23
2K0
oracle可以更改表名,sql – 更改Oracle表名
CONSTRAINT ORDER_SOURCE_PK PRIMARY KEY(OS_ID)
全栈程序员站长
2022/08/30
2.1K0
css 更改所有text,CSS之cssText「建议收藏」
div.style.cssText = “width:200px;height:200px;line-height:200px”;
全栈程序员站长
2022/09/14
5780
CSS样式更改篇——背景Background
上篇文章主要讲述了CSS的基础用法,讲述了如何定义头文件,导入CSS文件,id和class选择器,元素选择器,后代选择器,子元素选择器,兄弟选择器,伪类选择器等等,让大家对CSS选择器有个简单的认识和了解。这篇接上篇文章,继续讲解CSS的基础用法。
前端皮皮
2020/11/26
1.7K0
在Pandas中更改列的数据类型【方法总结】
有什么方法可以将列转换为适当的类型?例如,上面的例子,如何将列2和3转为浮点数?有没有办法将数据转换为DataFrame格式时指定类型?或者是创建DataFrame,然后通过某种方法更改每列的类型?理想情况下,希望以动态的方式做到这一点,因为可以有数百个列,明确指定哪些列是哪种类型太麻烦。可以假定每列都包含相同类型的值。
kirin
2021/04/19
23.7K0
在Pandas中更改列的数据类型【方法总结】
审计对存储在MySQL 8.0中的分类数据的更改
使用敏感信息时您需要拥有审计日志。通常,此类数据将包含一个分类级别作为行的一部分,定义如何处理、审计等策略。在之前的博客中,我讨论了如何审计分类数据查询。本篇将介绍如何审计对机密数据所做的数据更改。
MySQLSE
2020/11/25
5.5K0
【DB笔试面试572】在Oracle中,模糊查询可以使用索引吗?
(1)若SELECT子句只检索索引字段,那么模糊查询可以使用索引,例如,“SELECT ID FROM TB WHERE ID LIKE '%123%';”可以使用索引。
AiDBA宝典
2019/09/29
11K0
python抛出异常和捕获异常_在try块中可以抛出异常吗
2.解析 关键字try 以及except是 使用Python 解释器主动抛出异常的关键, Python解释器从上向下执行 当运行try中的某行代码出错,会直接进入except中执行下方代码 try中错行下方的代码不会被运行 except…as… 是固定的语法格式 打印traceback信息 finally 后的代码不管是否抛出异常都会执行 except 的原理 调用sys中 exc.info 方法返回基本信息 所以抛出异常的第一步拓展可以在这里开始 注意 每个关键字下方的代码都是独立的(所有的变量都是局部变量)
全栈程序员站长
2022/11/02
5.6K0
点击加载更多

相似问题

CSS中高度与宽度相同吗?

2285

我可以在css中指定maxlength吗?

2601

我可以在css中指定maxlength吗?

2308

可以在UITableViewCell上选择一个高度变化的动画吗?

2521

在CSS中的表td中居中图像?

2122
相关问答用户
新浪微博 | 高级总监擅长4个领域
到家集团 | 技术VP擅长5个领域
《用ChatGPT做软件测试》 | 作者擅长5个领域
擅长5个领域
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档