html - 有没有办法在没有 CSS Flex 的情况下从上到下与从左到右显示 HTML 列表？

Question

查看：http ://superdistros.com/test.html 摘要：我的 HTML 无序列表，列表项设置为从左到右浮动。我在 UL 上使用 CSS Flex 从上到下显示菜单项，因此它从上到下读取董事会、资本计划、民权与从左到右。

除了在 Flex 属性不完全兼容的 IE 中，这很有效。

是否有其他或更好的 CSS 或 JS 解决方案可以在 IE 10+ 中实现相同的效果

我见过类似的 StackOverflow 问题，但与我的确切用例不匹配。我的 HTML 标记需要保持不变，不要添加 div 等。

Flex CSS + https://jsfiddle.net/KevinOrin/hzro9usf/4/

.navbar-nav ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: wrap;
}

标签： htmlcssinternet-explorercross-browserresponsive

Answer 1