jquery - 使用 jquery 移动 CSS 的一行标签/输入字段

Question

我正在尝试使用 JQuery Mobile 显示标签和输入列表，以便结果看起来类似于 iPhone 上的设置，例如标签左对齐，输入右对齐在同一行上。我设法做到这一点的唯一方法是使用表格，我认为这是不好的做法？

没有表格的等效 CSS 会是什么？

   <ul data-role="listview" data-dividertheme="e">
                <li data-role="list-divider">Seamless List (margin-less)</li>
                <li>
                    <table style="width:100% ">
                        <tr>
                            <td style="width: 50%">
                                Foo1
                            </td>
                            <td style="width: 50%">

                                <input type="number" value="20000" style="text-align: right" 
                                id="Foo1Input" />

                            </td>
                        </tr>
                    </table>
                </li>

Answer 1

我知道这篇文章很旧但是对于 future 的人来说看看他们的网格 http://jquerymobile.com/test/docs/content/content-grids.html