html - 将 Anki 中的所有字段居中 (HTML)

Question

我这辈子都弄不明白为什么什么都不会居中。

这张图片比我能更好地解释我想要什么。

我想在不改变汉字周围出现方式的情况下将所有字段居中(出于某种原因，当我尝试居中时，{{Expression}} 字段不断翻转。

http://pastebin.com/PqEN9xMT

Answer 1

在您的模板中，用 div 包裹 Expression 字段，给 div 一个类，然后用 css 样式将其居中。

如果你想要主窗口的绝对中心试试:

前台模板:

<div class='center-me'>
    {Front}
</div>

样式:

.center-me {
    width: 100px;
    height: 100px;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}