教程 | Blockquote 简约法

十二月 27, 2021 | views
Comments 0
教程 | Blockquote 简约法 米娜桑们,我回来了。话说距离上的更新,应该是两个月前了(汗)奇迹的是,两个月里依旧有亲们在 Cbox 留言,我还以为大家都忘了这个部落格呢。相较之下

教程 | Blockquote 简约法

米娜桑们,我回来了。话说距离上的更新,应该是两个月前了(汗)奇迹的是,两个月里依旧有亲们在 Cbox 留言,我还以为大家都忘了这个部落格呢。相较之下,我的日记部落格倒是更新的比较频繁 XD 教程部落格就... 大家心知了哈 xP

Okay. 废话不多说,这要 po 的教程就是 Blockquote 简约法。相信有经验的博客都应该懂得如何简约 Blockquote. 但同时也有一些博客新手不懂得什么是 Blockquote 简约法。好的,现在就来小小解释一下。简约法就是呢,把一些内容很长的 Blockquote 缩短成可以用 scrollbar 来 view 的内容。当然,如果你还是不明白的话,可以建议你在实验部落格尝试一下效果哟 =]

- Tutorial requested by Lynn -

* 适用于 BT / BS

Blog Template / Blogskin User
1. Ctrl + F 寻找代码 blockquote { 以及 blockquote:hover {

2. 然后在 {...} 里面添加以下代码:
height: 300px;
overflow-y: auto;
3. 点击 preview 预览后,方可保存。

小解释
蓝色代码:blockquote 的高度 *可更改

# 高度可更改为自己想要的,但要注意的是,内容要多过你设下的高度才会出现 scrollbar 来简约。如果内容的长度 < 设下的 height,blockquote 跟平常看起来就会一样 :)

注:
- 要在 blockquote { & blockquote:hover { 里添加相同的代码
- blockquote 出现的 scrollbar 样式会与部落格的一样,教程可参考:点击