Question

我有这样的事情：jsfiddle

<div data-role="content">
    <ul data-role="listview" data-split-icon="gear" data-split-theme="d">
            <li><a href="index.html">
                <h3>TEST LEFT | TEST RIGHT:</h3>

                </a><a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
            </li>
</div>

我的问题是我想要“正确的文字：” 在齿轮按钮旁边的右侧。

顺序应为“lefttext”然后为空白，具体取决于按钮的宽度，然后是方向盘旁边的“右侧文字”

我该怎么做？

OR：

并排的两个按钮，每个按钮包含一个没有齿轮按钮的文本

由于

迎接

Answer 1

不确定我是否有这个部分：

顺序应为“lefttext”然后为空白，具体取决于按钮的宽度，然后是方向盘旁边的“右侧文字”

这是你在找什么？

<div data-role="content">
<ul data-role="listview" data-split-icon="gear" data-split-theme="d">
        <li><a href="index.html">
            <h3><div style="float:left;">TEST LEFT</div> <div style="float:right;">TEST RIGHT:</div></h3>

            </a><a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
        </li>

Answer 2

你想安排像this这样的字段，还是只是点亮它们里面的东西？

如果您想像我在jsFiddle中那样安排列表，那么这就是您添加的内容：

#myCustomGroup > li {
  display: inline-block;
  float: left;
  width:50%;
}

使用右侧文本拆分按钮列表视图

2 个答案: