如何在 Jinja 中进行表单标签对齐

Question

我的问题和这个很相似 Jinja has a "center" formatting option, but how about "right align"?

基本上，我想要这样的效果：

     something: 1
someotherthing: 3
  thelastthing: 2

但是我想对齐 "form.element.label" 而不是 "key"。我尝试使用相同的 rjust 函数。然而，我得到了

jinja2.exceptions.UndefinedError: 'wtforms.fields.core.Label object' has no attribute 'rjust'

Answer 1

我还没有看到你的 HTML，但我希望 these two sites 之一应该有你需要的信息来右对齐你的元素。

在将 HTML 代码放入 form.element.label 时，您需要对 form.element.label 执行以下两项操作之一。你要么需要找到一种方法来识别标签（或者甚至可能是它所属的整个表单），这样你就可以添加一些 CSS 来获取它，或者你可以添加 CSS 样式代码直接添加到页面上的该元素。我将给出一些使用表单对齐的例子，但如果你真的只想做标签，同样的想法也适用。

用 CSS class

标识标签或表格

<style>
  .myform {
  float: right;
  }
</style>

<form class="myform" action="demo">
 <label for="demo">Demo</label>
 <input type="radio" name="demo" id="demo" value="demo">
</form>

使用 CSS 对齐任何标签或表格，导致它们全部右对齐

<style>
  form {
  float: right;
  }
</style>

<form action="demo">
 <label for="demo">Demo</label>
 <input type="radio" name="demo" id="demo" value="demo">
</form>

在标签或表单的代码中包含 CSS

<form action="demo" style="float: right;">
 <label for="demo">Demo</label>
 <input type="radio" name="demo" id="demo" value="demo">
</form>

确保查看那些 W3 Schools 链接，因为除了 floating 元素之外，还有其他方法可以进行对齐。希望这能满足您的需求！

如何在 Jinja 中进行表单标签对齐

How to do form label alignment in Jinja

alignment

jinja2