html - 如何在 html 按钮内添加两行(一行是有条件的)?

标签 html css

我试图在 HTML 按钮内添加两行,但似乎无法在任何地方找到允许的元素 - 我知道 div、段落和分隔符是不允许的。

我目前的情况是这样的:

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

我希望能够使选项 2 与选项 1 在不同的线路上。 所以,如果 option2Allowed 默认为“true”,我有类似以下内容:

选项 1
选项 2

我该怎么做?

最佳答案

span 标签中包裹两行,并将spans 的显示模式设置为block。您的第二行跨度仍然可以包含条件语句。

例子: https://jsfiddle.net/8k27g984/

关于html - 如何在 html 按钮内添加两行(一行是有条件的)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30219378/

相关文章:

html - 悬停列表不对齐

javascript - 在头部添加html

html - 标签、输入 - 共享空间(类/分区)

javascript - React 不渲染 css 样式

html - 使用 css 定位 div

jquery - 手机菜单不再工作

CSS Noob 真的可以在布局和定位方面使用一些熟练的帮助

javascript - Bootstrap 选项卡 - 同时指向两个选项卡

html - 输入 :disabled and input[disabled] CSS selector 之间的差异

html - 图片上的 Z 索引?