码迷,mamicode.com
首页 > Web开发 > 详细

css-02

时间:2020-05-12 17:01:01      阅读:63      评论:0      收藏:0      [点我收藏+]

标签:class   问题   font   padding   enter   文字   add   tran   -o   

1、使用transform:scale(.7)缩放文字注意

问题:<p class="titTwo"><span>F2C</span><span>NEW</span><span>RETAIL</span></p>
问题如果是直接作用在span上面,则中间的span会距离左右两边宽度不一样。字符数不一样 ,所占的width也不一样,其中设置scale属性后,transform-origin默认为center,而transform-origin位置方向也是基于未设置scale属性时span的宽度中定位的,所以中间的span会距离右边远一点。
解决方法:在p.titTwo元素中设置transform:scale属性,中间的span设置padding就好。

css-02

标签:class   问题   font   padding   enter   文字   add   tran   -o   

原文地址:https://www.cnblogs.com/L-xjco/p/12876812.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!