如何设置列表样式<内联在PHP代码中 - How can I style a list <li> inline in the php code?

How can I style a list <li> inline in the php code?

我希望这个列表是水平的。

与list-inline，我得到的列表是水平的，但它不样式的<li>。我想然后在li元素上添加一个类，但不知道在代码的什么地方我可以添加样式。

<ul class="list-inline">
      <?php
        $cat_args['title_li'] = '';
        wp_list_categories(apply_filters('', $cat_args));?>
</ul>

你可以使用getbootstrap的网格来水平显示项目

http://getbootstrap.com/css/网格

或者您可以尝试使用form-inline来水平显示项目

http://getbootstrap.com/css/forms-inline

希望对你有帮助

你可以使用Flexbox在CSS中设置样式。不需要使用.list-inline

请看下面的代码:

ul {
  display: flex;
}
ul li {
  border-radius: 0 !important;
  border-right: none !important;
}
ul li:last-child {
  border-right: 1px solid #ddd !important;
}
body {
  padding: 20px;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<ul class="list-group">
	<li class="list-group-item">Cras justo odio</li>
	<li class="list-group-item">Dapibus ac facilisis in</li>
	<li class="list-group-item">Morbi leo risus</li>
	<li class="list-group-item">Porta ac consectetur ac</li>
	<li class="list-group-item">Vestibulum at eros</li>
</ul>

希望这对你有帮助!