更改字体高度和宽度
问题描述:
我正在处理这件事时,我想要更改的不是font-size
,而是两个可以独立更改文本宽度和高度的属性。 所以申请时font-width: 50%
这样:更改字体高度和宽度
文本将被拉伸到一半:
这是可以做到与CSS,也与height属性?
答
CSS3 transform
具有用于此的scale
功能:
p {
display: inline-block;
font-size: 32px;
transform: scale(.5, 1);
}
<p>This is text.</p>
使用在分别为X轴和Y轴的功能的两个数字。
答
您可以尝试按x方向缩放字体。
p{
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
- 编辑 -
我看到@Xufox alredy回答了这个问题。
答
我能找到最接近的是字体重量
它接受不但大胆,正常的,但也数值。 100-900,增量为100。
. Paragraph {font-weight :700;}
这种结合height属性应该帮助,但不会给你完整的解决方案
也要看间距属性,你可以减少单词的宽度这样
letter-spacing: 2px;
“如果你的懒惰是一个小提琴“。不知道如何下降。有了这个jQuery可以提供帮助。在哪里创建一个数字并更改2个CSS属性。为了清楚你想独立控制文本的宽度和高度。你现在怎么控制宽度 –
http://stackoverflow.com/questions/15649244/responsive-font-size 这可能有帮助 –
在CSS中有一个font-width-stretch属性,但它目前不支持所有主要浏览器 –