如何在html按钮中添加两行（一个条件）？

Question

我试图在HTML按钮中添加两行，但似乎无法找到允许哪些元素 - 我知道div，段落和中断不是。

到目前为止我所拥有的是：

<button>
  Option 1
  <span ng-if="{{option2Allowed}}>Option2</span>
</button>

我希望能够将选项2与选项1放在不同的行上。 因此，如果option2Allowed默认为＆＃39; true＆＃39;，我的内容如下：

选项1
选项2

我该怎么做？

Answer 1

将这两行包裹在span标记中，并将spans的显示模式设置为block。您的第二行范围仍然可以包含条件语句。

实施例： https://jsfiddle.net/8k27g984/

Answer 2

CSS表可能适合吗？

＆＃13;

＆＃13;

button {
  display: table;
  margin-bottom: 1em;
}
button span {
  display: table-row;
}

＆＃13;

<button>
  <span>Option1</span>
  <span>Option2</span>
</button>

<button>
  <span>Option1</span>
</button>

＆＃13;

＆＃13;

＆＃13;