如何设置ul横向排列？ - Flexbox与Float布局详解

要设置ul横向排列，可以使用CSS的flexbox布局或者使用float属性。\n\n使用flexbox布局：\ncss\nul {\n display: flex;\n list-style: none;\n padding: 0;\n}\n\nli {\n margin-right: 10px;\n}\n\n\n使用float属性：\ncss\nul {\n list-style: none;\n padding: 0;\n overflow: hidden;\n}\n\nli {\n float: left;\n margin-right: 10px;\n}\n\n\n在以上代码中，ul元素被设置为flex容器或者设置了overflow: hidden属性，并且li元素被设置为float: left。这样就可以实现ul横向排列的效果了。