使用CSS变换来处理文本,但仅影响单个字符

时间:2015-03-18 14:51:32

标签: css transform

我正在尝试使用CSS变换来压缩文本,但正如您在小提琴(http://jsfiddle.net/dyoLjota/1/)中看到的那样,它还会搜索文本周围的感知框(这对我来说难以描述,不确定如果有我想说的话的条款。我也尝试将宽度设置为125%,左边距为-12.5%进行补偿,但这会导致我在其他地方出现布局问题,即使它明显地解决了问题。我不想挤压整个盒子#34;因为这与我网站上的其他内容混淆,只是个别角色......这可能吗?

这是我的代码:

h1 {        transform:  scale(.8,1);
-webkit-transform:  scale(.8,1);
-moz-   transform:  scale(.8,1);
-ms-    transform:  scale(.8,1);
-o-     transform:  scale(.8,1);
margin:0;padding:0;}

<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius, ligula non laoreet ultricies, libero turpis gravida neque, nec malesuada dui metus sit amet quam.</h1>

0 个答案:

没有答案