如何根据文本长度更改某些css属性

时间:2014-04-18 11:23:00

标签: css wordpress font-size

所以我正在处理wordpress列表帖子循环,我在div中添加了一个固定宽度和高度的帖子标题。 但是有些帖子有很长的标题,所以我希望它的字体较小,行高较小,但我不能为它做一个新课程,

这就是我的意思:

<div class="post-title">hellow hellow hellow</div>
<div class="post-title-2">hellow hellow hellow hellow hellow</div>
<style>
.post-title{
width: 100px; height: 25px;
border:1px #000 solid;
font-size: 14px;
}
.post-title-2{
width: 100px; height: 25px;
border:1px #000 solid;
line-height:100%;
font-size: 11px;
}
</style>

并在JSFiddle:

http://jsfiddle.net/wLh3K/3/

可能吗?怎么样?

2 个答案:

答案 0 :(得分:0)

现在定义

.container{
line-height:25px; // add this line 
height:25px;  // remove this line
}

<强> Demo

答案 1 :(得分:0)

有一个jquery插件......你可以使用它......它的灵活性......使用它 fittextjs