如何使用 CSS 水平对齐复选框

Question

我试图 水平对齐 显示 在该页面 黄色搜索栏下拉列表上方的复选框。

我认为内联块 CSS 可能是执行此操作的正确方法，但我似乎无法让它工作。

如果您对执行此操作的最佳方法有任何建议，我将不胜感激？

谢谢！

原文由 David J 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一个非常现代和灵活的解决方案是使用 flexbox。例如：

 ul.categorychecklist {
    list-style:none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

这就是我们在 2016 年的做法 :) 有关更多详细信息，请参阅： https ://css-tricks.com/snippets/css/a-guide-to-flexbox/

原文由 TeoTN 发布，翻译遵循 CC BY-SA 3.0 许可协议