css中ul+li横排

CSS中ul+li横排是一种非常常见且实用的技巧，可以使我们在Web页面中轻松实现多个列表项的横向排列。

实现ul+li横排的关键是将ul元素设置为display：flex或display：inline-flex，即可使其内部的li元素自动横向排列。以下是一个示例的CSS代码：

ul {
  display: flex;
  list-style-type: none;
}

li {
  margin-right: 10px;
}

在这个例子中，我们首先将ul元素设置为flexBox布局，并且隐藏了列表项的默认样式（使用list-style-type:none）。

接着，我们根据需要设置每个li元素之间的间距（这里是使用margin-right属性），使它们能够在横向排列时更美观。

总的来说，使用CSS的flexBox技术，能够轻松实现在Web页面中多个列表项的横向排列，这样能够使页面更加美观、简洁，并且更能提高用户体验。