Warum wird in diesem vertical-align:middle versagt in Jquery mobile
Versuche zur Mitte eine Reihe von icons die in der Mitte des Bildschirms, unten ist der code:
<div data-role="content" class="ui-content ui-body-a" style="vertical-align: middle" data-theme="a">
<fieldset class="ui-grid-a icon-set" style="vertical-align: middle" data-theme="b">
<div class="ui-block-a center" style="vertical-align: middle">
<a href="test">
<div>
<img src="css/images/test5.png" style="width: 80px;height: 80px"/>
</div>
<div>
Login
</div>
</a>
</div>
<div class="ui-block-b center">
<a href="#settings" data-transition='slide'>
<div> <img src="css/images/test4.png" style="width: 80px;height: 80px"/></div>
<div>Settings</div>
</a>
</div>
<div class="ui-block-a center">
<a href="test">
<div> <img src="css/images/test2.png" style="width: 80px;height: 80px"/></div>
<div>Aboutus</div>
</a>
</div>
<div class="ui-block-b center">
<a href="test">
<div> <img src="css/images/test1.png" style="width: 80px;height: 80px"/></div>
<div>Contact Us</div>
</a>
</div>
</fieldset>
</div>
InformationsquelleAutor Suave Nti | 2012-08-30
Du musst angemeldet sein, um einen Kommentar abzugeben.
vertical-align funktioniert nicht, da die meisten Leute erwarten würden - diese Eigenschaft ist nur für Tabellen oder Elemente, die Stil haben der Tabellen-Zelle oder ähnliches (http://www.w3schools.com/cssref/pr_class_display.asp)
müssen Sie das DIV-element ist ein Standard-Größe für diese arbeiten sowie... check das JSBin-Beispiel und diese StackOverflow-Antwort für mehr Einblick
InformationsquelleAutor Zathrus Writer
Hierzu:
und dieses dann für alle div-Sie wollen zum Zentrum:
InformationsquelleAutor Zigfreed