设置“更多”“更少”字体大小

时间:2015-06-08 13:57:18

标签: javascript

我知道还有其他与“显示更多”和“显示更少”有关的问题,但这是特别关注字体大小。我希望这对于一个javascript高手来说是显而易见的(我不是!)。我正在尝试设置代码的“更多”和“更少”部分的字体大小(请参阅小提琴)。我假设我通过添加如下所示的字体大小在CSS中执行此操作,但这没有任何影响。有人知道需要添加/修改的内容吗?请注意我不是在寻找Jquery的代码,而是像Jiddle那样的纯JS。

.hidden {
display: none;
font-size: 5px;
}

See JSFiddle

1 个答案:

答案 0 :(得分:1)

你需要经常修复你的小提琴,但为了让你的更多/更少链接的字体更小,创建一个名为small的类并将其分配给A TAG。

https://jsfiddle.net/z10rL3xw/2/

.hidden {
    display: none;
}
.small {
  font-size: 5px;  
}

并将该课程放在A链接中,在这个范围内,它没有为你做任何事情。

你还有一些问题"缩水"代码:隐藏的类在更多的范围内,在A标记中更少。有很多更好的方法来执行代码的这一部分。希望此字体修复有所帮助,但总体而言,您应该检查此堆栈帖子中的更多/更少示例:show more/Less text with just HTML and JavaScript