如何在JQTouch工具栏div中水平显示List元素（可能使用CSS）

Question

我有一个<div>元素，其中包含<ul>个元素，其中包含<li>个元素。我需要做的是将<li>设置为以水平方向显示，并在<div>内显示。当我将JTouch class = toolbar应用到我的<div>时，我看到的情况是<li>元素甚至不出现在<ul>的周边和{{1}并且<ul>似乎移出了父<li>之外。我该如何解决这种情况呢？

Image of problem (Bottom right are the list elements instead of appearing within the div and ul)

<div>

Answer 1

将所有李浮在左边并给它们填充。

我在html中实现它。在代码中查看并相应更改。

    <style type="text/css">
        .toolbar ul li{float:left; padding:3px 5px;}
                    .toolbar ul {list-style-type:none;
    </style>

Answer 2

尝试：

.toolbar ul{
    display: inline;
    list-style-type: none;
}