使用CSS缩放文本

前端之家收集整理的这篇文章主要介绍了使用CSS缩放文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

是什么和有没有基于DIV中的文本量使用CSS缩放文本的方法.

我在http://www.directiongroup.com/tweethearts/创建了这个页面,文本的CSS是(固定大小为32px):

.jta鸣叫文本

  1. {
  2. color: #ed1c24;
  3. font-size: 32px;
  4. text-transform: uppercase;
  5. line-height: 30px;
  6. font-weight: normal;
  7. font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
  8. text-shadow: 0px 1px 0px #FFFFFF;
  9. }

非常感谢

最佳答案
你不能单独使用CSS,但你可以用一点Jvascript来做.

计算文本中的字符数并根据需要设置CSS font-size属性.

这是使用jQuery的简单示例:http://jsfiddle.net/pjByL/

  1. $('.heart').each(function(){
  2. var textLength = $(this).text().length
  3. if(textLength > 26)
  4. {
  5. $(this).css('font-size','10px');
  6. }
  7. });

猜你在找的CSS相关文章