花千醉

文能上马定乾坤,武能提笔安天下!

0%

顺手写写 Markdown 和 HTML 语法

前几天写作时,需要用到 markdown 没有支持的格式,只能从 HTML 里面借,前段搞的少,遇到了不少坑,在此集中记录一下。

很琐碎

一 借助 HTML 实现文本折叠

实现折叠:

1
2
3
4
5
6
7
8
9
10
11

<details> <summary>最常玩的运动—— 羽毛球</summary>
<p>
  喵喵喵<br>
  喵喵喵<br>
  喵喵喵</p>
<p style="margin:0 0 0 0">
  喵喵喵……
</p>
</details>

也就是 <details> 加上 <summary></summary> 这种 HTML 风格。最后的 </details> 别忘了。

折叠中的问题:

无法换行:

解决方案一:使用
1
2
<p>
</p>

分段
注:该方案因为分段,段间距会很大,控制台查阅 HTML 后发现,出现了

1
margin:0 0 20 0

因此,还需要将

1
2
3
<p>
// 改为
<p style="margin:0 0 0 0" >
解决方案二:使用
1
<br>

相对稳妥的方案,这个方案最后折叠结束的时候有泾渭分明的行/段间距。
使用本方案的时候,可以不用 <p></p>

解决方案叁:使用
1
2
3
4
<pre>
原始字符
直接回车
</pre>

这样似乎最方便,中间会按照原来的格式显示。
但有着嵌入了代码块的感觉。

二 阅读全文

直接使用

1
<!--more-->

现在发现可以用了,以前似乎不行。