Ich versuche ein Bild in der Kopfzeile meiner jQuery Mobile basierten Webseite hinzuzufügen. Ich möchte, dass das Bild an der rechten Kante ausgerichtet wird und CSS für diesen Zweck verwendet wird. Aber die Ergebnisse sind nicht befriedigend. Es gibt eine große Lücke zwischen dem Bild und der Kante und es ist auch nicht mit dem Header-Text ausgerichtet. Hier ist der Header-Code:
%Vor%und hier ist der CSS-Code für die Klasse align-right:
%Vor%Sie müssen kein benutzerdefiniertes Styling oder ähnliches hinzufügen. Jquery-Mobile verfügt bereits über integrierte Lösungen dafür. Fügen Sie einfach die Klasse "ui-btn-left" oder "ui-btn-right" zu Ihrem Bild hinzu (als ob es eine Schaltfläche wäre) und Sie sind fertig.
%Vor%Ich weiß, dass die Frage schon lange gestellt wurde, aber ich dachte mir, dass dies denjenigen helfen könnte, die noch nach Lösungen suchen. Außerdem wurde die Frage nicht als beantwortet gesetzt.
Je nach Codebeispiel benötigen Sie ein Leerzeichen zwischen dem Attribut alt
und dem Attribut class
.
Sie haben:
%Vor%Sollte sein:
%Vor% Außerdem ist es wahrscheinlich besser, das <img />
-Tag nicht innerhalb Ihres <h1>
-Elements zu haben.
Weitere Informationen zu benutzerdefinierten Kopfzeilen finden Sie in den Dokumenten: Ссылка
Tags und Links jquery-mobile