2

label自分selectと自分select自身を同じ行に作成し、親コンテナーの幅を埋めるにはどうすればよいですか? 私の選択以上のもの72%は、下の行に折り返されます。

<div id="tabs-1" style="">
    <fieldset class="ui-grid-a">
        <div class="ui-block-a " data-role="fieldcontain" style="margin-top:0;margin-bottom:0;">
            <label for="choice" class="select" style="margin-top:10px; margin-left: 15px;">View</label>
            <div class="ui-select" style="width:72%;">
                <select id="choice">
                    <option value="Last 15 days">Last 15 days</option>
                    <option value="Last 30 days">Last 30 days</option>
                    <option value="Last 6 months">Last 6 months</option>
                </select>
            </div>
        </div>
        <div class="ui-block-b">
            <div class="ui-input-search  ui-body-c" style=" padding-left: 4px; padding-right: 4px; border:0;">
                <input id="search" class="ui-input-text ui-btn-c" type="text" data-type="search" value="" name="search-2" placeholder="Search incoming payments">
            </div>
        </div>
    </fieldset>
    <li data-role="fieldcontain" class="ui-field-contain ui-body ui-br ui-li ui-li-static ui-body-c">
        <label class="ui-input-text" style="border-right: 1px solid #cccccc;">Submitted On</label>
        <label class="ui-input-text" style="border-right: 1px solid #cccccc;">Paid To</label>
        <label class="ui-input-text" style="border-right: 1px solid #cccccc;">Status</label>
        <label class="ui-input-text">$ Amount</label>
    </li>
    <li data-role="fieldcontain" class="ui-field-contain ui-body ui-br ui-li ui-li-static ui-body-c">
        <label class="ui-input-text">09/10/2012</label>
        <label class="ui-input-text">Jeff Daniels</label>
        <label class="ui-input-text">Processing</label>
        <label class="ui-input-text">$60.00</label>
    </li>
    <li data-role="fieldcontain" class="ui-field-contain ui-body ui-br ui-li ui-li-static ui-body-c">
        <label class="ui-input-text">09/11/2012</label>
        <label class="ui-input-text">P. Smurf</label>
        <label class="ui-input-text">Completed</label>
        <label class="ui-input-text">$20.00</label>
    </li>
</div>
4

1 に答える 1

1

置き換えてみてください:

   <label for="choice" class="select" style="margin-top:10px; margin-left: 15px;">View</label>
   <div class="ui-select" style="width:83%;">
      <select id="choice">
         <option value="Last 15 days">Last 15 days</option>
         <option value="Last 30 days">Last 30 days</option>
         <option value="Last 6 months">Last 6 months</option>
      </select>
    </div>

に ：

<div class="ui-grid-a">
    <div class="ui-block-a" style="margin-top:10px;  text-align:right"><label>View :  </label></div>
    <div class="ui-block-b">
    <select id="choice">
        <option value="Last 15 days">Last 15 days</option>
        <option value="Last 30 days">Last 30 days</option>
        <option value="Last 6 months">Last 6 months</option>
    </select></div>
</div>
于 2012-09-20T01:52:23.113 に答える