在Anki(HTML)中居中所有字段

在Anki(HTML)中居中所有字段,html,css,anki,Html,Css,Anki,就我的一生而言,我不明白为什么什么都不会发生 这张图片比我能更好地解释我想要什么 我希望在不改变汉字显示方式的情况下将所有字段居中(由于某种原因,{{Expression}}字段在我尝试居中时不断翻转) 在模板中,用div包装表达式字段,给div一个类,然后用css样式将其居中 如果您想要主窗口的绝对中心,请尝试: 前模板: <div class='center-me'> {Front} </div> .center-me { width: 100px

就我的一生而言,我不明白为什么什么都不会发生

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

我希望在不改变汉字显示方式的情况下将所有字段居中(由于某种原因,
{{Expression}}
字段在我尝试居中时不断翻转)


在模板中,用div包装表达式字段,给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;
}  

似乎我只能用右边填充之类的东西来移动它。其他任何东西似乎都会将它从垂直文本中翻转过来。