transform对p标签有问题

最新推荐文章于 2025-06-05 00:56:58 发布

原创最新推荐文章于 2025-06-05 00:56:58 发布 · 468 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

16 篇文章

订阅专栏

本文探讨了CSS中transform属性在不同元素上的表现差异，特别是针对div和p标签使用translate和scale时的效果区别。

问题描述：

我有一个div，然后对它设置宽高，最后给他分别设置transform：translate(100px,200px);transform:scale(1.5,0.5),

他展示的效果是两个transform都起效了，而我对p标签也使用这两句代码，发现他支队scale()起效果，为什么？

-----------------------------------------------------------------------------------------------------------------------

因为属性被覆盖了，靠，我真煞笔

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_37996815

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

多标签图像分类：标签依赖关系建模的最新论文解读与实战应用

优快云博客专家，系统架构师，有合作、疑惑请私信博主。

08-15

18万+

【人工智能的数学基础】二值图像的距离变换(Distance Transform)

AI天才研究院

06-26

6980

*距离变换(Distance Transform)**是一种针对二值图像（背景:0, 前景:1）的变换算法，把图像中的每个像素值替换为该像素到前景像素的最近距离。通过距离变换能够基本找出二值图像中前景形状的骨架。

参与评论您还未登录，请先登录后发表或查看评论

transform的相关问题

m0_53438035的博客

08-03

259

半夜看手机看到以前的一些东西，想到以前的事，哪曾想回忆竟像开了闸样的水样涌过来，便睡不着起来听歌学习。 transform变化相对于谁的问题 transform是在现有的元素上浏览器做的渲染，不会改变位置和大小，这句话表明transform变化总是相对其正常位置的。 *{ margin: 0; padding: 0; } div{ background-color: aqua; width: 100px; hei

[CSS]css3的translate会引起重排吗?

DaftJayee的博客

10-11

1971

不会，因为 GPU 进程会为其开启一个新的复合图层，不会影响默认复合图层（就是普通文档流），所以并不会影响周边的 DOM 结构，而属性的改变也会交给 GPU 处理，不会进行重排。使 GPU 进程开启一个新的复合图层的方式还有 3D 动画，过渡动画，以及 opacity 属性，还有一些标签，这些都可以创建新的复合图层。这些方式叫做硬件加速方式。你可以想象成新的复合图层和默认复合图层是两幅画，相互独立，不会彼此影响。降低重排的方式：要么减少次数，要么降低影响范围，创建新的复合图层就是第二种优化方式。绝对布局虽然

transform使用过程中的问题

weixin_58214297的博客

05-08

396

transform:translateX(300px) rotate(360deg); 其中rotate不能单独使用 transform: translate(-50%,-50%) scale(1); 其中scale不能单独使用 rotate，scale若要单独使用必须再本行代码以下添加若再其上面添加则不生效 ...

transform属性

Z_man_man的博客

03-29

2100

缩放：scale 作用：使元素在位置或者形状上发生一定的改变。属性： transform 属性值： scale：缩放（一般） translate 位移（重点） rotate 旋转（重点） skew 倾斜（了解） scale 缩放格式： transform:scale(x,y) x:表示水平方向上的缩放倍数 y：表示垂直方向上的缩放倍数如果只写一个值表示等比例缩放。【注意】 1.缩放只是一种视觉效果，不会对别的盒子造成影响。 2.取值大于

【css3】transform 下 p…

夕雨林流金,web全栈,web全端,网站技术博客

04-13

370

transform 下 position:fixed 失效

【AI学习】transform模型

最新发布

gogo小Sa的专栏

06-05

1783

CNN（Convolutional Neural Network）是卷积神经网络，它能够从低级特征到高级语义特征逐步提取信息，这种逐层提取和组合特征的方式，在图像和视频领域取得了显著成果，但是不适合不定长序列的处理。（multi-head attention）则进一步增强了模型的表达能力，使其能够同时关注输入序列中的不同部分，捕捉更加复杂的语义关系。1、准备训练数据：准备多组训练数据（x,y），例如(X1,Y1)、(X2,Y2)...（Xn,Yn），x表示输入，y表示预期输出。

多标签分类方法总结——实现方法、评价指标、损失函数

u011412768的博客

10-14

3万+

分类一般分为三种情况：二分类、多分类和多标签分类。多标签分类比较直观的理解是，一个样本可以同时拥有几个类别标签，比如一首歌的标签可以是流行、轻快，一部电影的标签可以是动作、喜剧、搞笑，一本书的标签可以是经典、文学等，这都是多标签分类的情况。多标签分类的一个重要特点是样本的所有标签是不具有排他性的。在阅读了一篇类似综述总结的博客后，做了以下总结，主要是实现多标签分类的几种思想，以及在深度网络的背景下实现多标签分类的几种方法。实现多标签分类主要有两种思想，一种是...

Gradle Transform API

xiangzhihong8的专栏

10-15

2569

概述动态编译技术在开源框架中的应用非常的广泛，现在市面上的插件化框架，热修复框架几乎都使用了动态编译技术，原理几乎都是在编译期间动态的在class文件中注入代码或者或修改。 Java的AOP 框架是一个比较出名的面向切面编程框架，这是一种通过预编译方式和运行期动态代理实现在不修改源代码的情况下给程序动态统一添加功能的技术，可以动态的修改Java的Class字节码的内容。而比较出名的AOP 框架是...

HTML中transform菜鸟,<x:transform> 标签

weixin_39687786的博客

06-11

371

标签标签在XML文档中应用XSL。语法格式var=""scope=""result=""doc=""docSystemId=""xslt=""xsltSystemId=""/>属性标签有如下属性：属性描述是否必要默认值doc源XML文档否BodydocSystemId源XML文档的URI否无xsltXSLT 样式表是无xsltSystemId源XSLT文档的URI否无result接收转换结...

css商品,商品标签例子——CSS3 transform 属性

weixin_28848833的博客

08-04

442

积累很重要。从此开始记录前端生涯的点滴....div{width:150px;height:30px;background-color:#f83944;/* Rotate div */transform:rotate(-40deg);-ms-transform:rotate(-40deg); /* Internet Explorer */-moz-transform:rotate(-40deg);...

Beam概念学习系列之PTransform数据处理

weixin_34376562的博客

09-29

288

　　不多说，直接上干货！ PTransform数据处理 PTransform对PCollection进行并行处理，每次处理1条，例如Filter过滤、Groupby分组、Combine统计、Join关联等等，还允许根据业务逻辑编写ParDo。Apache Beam借鉴了函数式编程的不可变性，PTransform不会改变原始的数据集PCollection...

CSS3——transform属性

CYX_COMnn的博客

12-05

4468

CSS3中的transform属性是一个功能强大的工具，它允许开发者对元素进行各种形状和位置的改变。通过合理使用该属性及其转换函数，可以创建出令人惊叹的视觉效果和用户体验。

【Vue】transition 标签的使用

热门推荐

Superman_H的博客

02-09

4万+

# transition 标签 - transition 标签：Vue 内置的动画标签 - 作用：在 [插入] / [更新] / [移除] DOM 元素时，在合适的时候给元素添加样式类名（配合 CSS 样式使用，实现动画效果） **注意事项：** - transition 标签只能包含 **1 个** 元素；如果里面写了多个元素，则只生效第一个 - transition 包裹的标签需要设置 `v-show` / `v-if` 属性控制元素的显示 **动画 CS

Css3伪类与p标签控制

林中明月间丶

04-13

1323

变换元素transform的那些事儿

07-13

776

老习惯，直接上代码 Document div{ width: 200px; height: 200px; border:1px solid red; margin:50px; float: left; text-align: center; line-height: 200px; font-size: 24px; } /*transl

如何让chrome浏览器显示小于12px 的文字

Tianxiaoxixi的博客

05-30

851

如何让chrome浏览器显示小于12px 的文字

2023高薪前端面试题（二、前端核心——移动 web 开发）

iaz999的博客

05-12

1425

cdn的原理主要答出负载均衡和缓存再就是dns解析这三部分就行了吧，通过dns解析到全局负载均衡服务器，然后再到区域的负载均衡，之后根据一些条件来找合适的缓存服务器，如果第一次访问就从源站拿过来缓存。需要注意的是一切都是根据请求的ip来的，如果ip不合理，那么可能起不到加速效果。缓存和负载均衡的思想在减轻服务器压力方面其实是很常见的。1）CDN为了改善互联网的服务质量。（提高访问速度）2）构建了全国、全球级别的专网，让用户就近访问专网里的边缘节点，降低了传输延迟，实现了网站加速。

p标签有哪些css样式

06-07

p标签有很多CSS样式可以应用，以下是一些常见的样式： - font-family：设置字体 - font-size：设置字体大小 - color：设置文本颜色 - line-height：设置行高 - text-align：设置文本对齐方式 - font-weight：设置字体粗细 - font-style：设置字体样式（斜体、倾斜等） - text-decoration：设置文本装饰效果（下划线、删除线等） - letter-spacing：设置字母间距 - word-spacing：设置单词间距 - text-transform：设置文本大小写（大写、小写、首字母大写等）这些样式可以单独使用，也可以组合使用来实现更复杂的效果。例如，可以使用以下CSS代码来设置p标签的样式： ``` p { font-family: Arial; font-size: 16px; color: #333; line-height: 1.5; text-align: center; font-weight: bold; text-decoration: underline; letter-spacing: 1px; word-spacing: 2px; text-transform: uppercase; } ``` 这将设置p标签的字体为Arial，大小为16像素，颜色为#333，行高为1.5倍，文本居中对齐，字体加粗，有下划线装饰，字母间距为1像素，单词间距为2像素，文本大小写为大写。