JQuery Mobile legt die Breite von 2 Elementen auf 80% und 20% fest
Ich verwende JQuery Mobile und versuche, die Breite von zwei Elementen mithilfe von festzulegenui-grid-a
wie im Code unten gezeigt. Das Ergebnis sind 2 Elemente, deren Breite gleich ist50:50%
. Ich möchte meine eingegebene Textbreite haben80%
und mein knopf zu sein20%
in der gleichen Zeile. Wie kann das gehen?
<div data-role="footer" data-theme="a" class="ui-grid-a" data-position="fixed">
<div class="ui-block-a" >
<input id="outgoingMsg" placeholder="Your Message . . .">
</div>
<div class="ui-block-b" >
<div style="margin: 10px 0 0 0;">
<a id="callDialog" href="#dialog" type="button"
data-theme="b" data-rel="dialog"
data-transition="slidedown">Send</a>
</div>
</div>
</div>