css - 如何在单行上对齐 2+

Question

我正在使用mustache在 AMP HTML 页面上填充数据。

这是 Google 上的目标 HTML ampb.in：https ://ampb.in/#z4sIphWxKIOfZtfqWTpm

这些按钮打开一个相关的结构，但为简单起见，此处为空。

如何使第二个和后续<span>元素作为<p>.

已经尝试过.keep-together {display: inline-block; float: left}，但这不起作用。

如果我删除并按预期工作mustache template。<span><button>

由于应用程序依赖于使用mustache，如何使内联元素像没有使用一样工作mustache？

标签： cssmustacheaccelerated-mobile-page

Answer 1

Mustache 正在为您的每个元素添加封闭<p role="listitem">标签。<span class="keep-together">通过增加

p, .keep-together { display: inline; }

所有带有按钮的文本都将显示为一个内联元素。

免责声明：我对小胡子了解不多，可能有一个选项可以防止附加标签。这只是一个 CSS 解决方法。