如何在单行上对齐 2+ <span>
how to align 2+ <span> on single line
我正在使用 mustache 在 AMP HTML 页面上填充数据。
这是 Google 的 ampb.in 上的目标 HTML：https://ampb.in/#z4sIphWxKIOfZtfqWTpm
按钮打开相关结构，但为简单起见，此处为空。
如何使第二个和后续 <span> 元素作为 <p> 的一部分内联工作。
已尝试 .keep-together {display: inline-block; float: left}，但没有用。
如果我删除 mustache template，<span> 和 <button> 将按预期工作。
由于应用程序依赖于使用 mustache，如何使内联元素像没有 mustache 时一样工作？
Mustache 正在为每个 <span class="keep-together"> 元素添加封闭的 <p role="listitem"> 标签。通过添加
p, .keep-together { display: inline; }
所有带按钮的文本都将显示为一个内联元素。
免责声明：我不太了解小胡子，可能有一个选项可以防止附加标签。这只是一个 CSS 解决方法。
我正在使用 mustache 在 AMP HTML 页面上填充数据。
这是 Google 的 ampb.in 上的目标 HTML：https://ampb.in/#z4sIphWxKIOfZtfqWTpm
按钮打开相关结构，但为简单起见，此处为空。
如何使第二个和后续 <span> 元素作为 <p> 的一部分内联工作。
已尝试 .keep-together {display: inline-block; float: left}，但没有用。
如果我删除 mustache template，<span> 和 <button> 将按预期工作。
由于应用程序依赖于使用 mustache，如何使内联元素像没有 mustache 时一样工作？
Mustache 正在为每个 <span class="keep-together"> 元素添加封闭的 <p role="listitem"> 标签。通过添加
p, .keep-together { display: inline; }
所有带按钮的文本都将显示为一个内联元素。
免责声明：我不太了解小胡子，可能有一个选项可以防止附加标签。这只是一个 CSS 解决方法。