【html/anki】在anki中使得字段折叠，并且使其靠左； ＜details＞元素使用

---

---

前言

在anki卡片的编辑中遇到了一点html语言的问题，以前一点没学过，特记录如下（<details>元素、<summary>元素）

---

一、detalis、summary

<details>
	<summary>解释</summary>
	<div style='font-family: "Arial"; font-size: 20px;text-align: left; '>
		{{解释}}
	</div>
</details>

二、使其靠左

可修改<details>或者<summary>中任何一个的“style”属性：

<details>

改为

<details style='text-align: left;'>

效果：

完整代码：

<details style='text-align: left;'>
	<summary >解释</summary>
		<div style='font-family: "Arial"; font-size: 20px;text-align: left; '>
			{{解释}}
		</div>
</details>

三、参考的牌组模版

【大纲词汇数据库】简单释义+Bing搜图 | 可自定义笔记 | 中高考+四六级+专四专八+雅思托福+GRE

<details>
    <summary>柯林斯英汉</summary>
    <div>{{柯林斯英汉}}</div>
</details><br>
	 {{/柯林斯英汉}}
	 {{#英英释义}}
<details>

最喜欢的anki牌组之一，太帅了

---

2024-08-01 Thursday 11:04:32
突然意识到在md里面也可以用。哇…