jquery mobile center zwei-Tasten-inline in der Fußzeile
Möchte ich ausrichten zwei buttons in der Mitte meiner Fußzeile in jquery mobile. Ich habe meinen code in jsfiddle unten: -
Wie kann ich dies tun, bin ich fast mit ihm.
<div data-role="page" data-theme="b" id="option-page">
<div data-role="content">
</div>
<div id="homeFooter" class="controlsFooter" data-role="footer" data-position="fixed" data-theme="c">
<div class="center-wrapper" style="float:left; margin-right:10px;">
<a href="#filterPage" data-role="button" data-transition="slide" data-inline="true" data-theme="a" data-icon="check" data-mini="true">Filter</a>
</div>
<div class="center-wrapper" style="float:left;">
<form name="actions" action="" method="post">
<select name="select-action" id="select-action" data-inline="true" data-theme="a"
data-icon="home" tabindex="-1" data-inline="true" data-corners="true" data-iconshadow="true" data-shadow="false">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
</form>
</div><!-- end of center wrap -->
</div><!-- /footer -->
</div>
- Auch, wie tun Sie center-Tasten, und richten Sie Sie zusammen inline. Zum Beispiel die Facebook-app Header, Icons buttons, Links, 3 in der Mitte und 1 auf der rechten Seite?
Dank
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn Sie mehrere Elemente, die Sie sind nur in der Lage, zur Mitte ausrichten, dass Sie neben einander, wenn Sie inline oder inline-block-Elemente, andernfalls werden Sie brauchen, um die gesamte Breite der Elemente, die Sie brauchen, um center -, Schlag Sie in einen div der die Breite und setzen Sie dann margin auto auf, dass div
http://jsfiddle.net/rULKH/101/
In Ihrem Beispiel, das ich gewickelt habe deine buttons in einem div zentrieren Sie: