So richten Sie ein Bild vertikal in einem h1-Tag aus

Question

So richten Sie ein Bild vertikal in einem h1-Tag aus

8

HTML

%Vor%

css

%Vor%

Wie kann ich img goldT vertikal mit dem Headertext abc zentriert halten?

Hier ist der FIDDLE

html css

bonaca 28.11.2013, 07:19

quelle

5 Antworten

Tags und Links html css

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Autowiring funktioniert nicht in Spring 3.1.2, JUnit 4.10.0

score 9 · Answer 1

9

Versuchen Sie:

HTML:

%Vor%

CSS:

%Vor%

Geige hier.

Hiral 28.11.2013 07:34

quelle

score 3 · Answer 2

3

Versuchen Sie es hier, wir können das Bild vertikal zentrieren

Probieren Sie Ссылка

aus

HTML

%Vor%

CSS

%Vor%

Dinesh Kanivu 28.11.2013 07:30

quelle

score 0 · Answer 3

0

Sie müssen den CSS-Anzeigestil und die vertikale Ausrichtung für <h1>

einstellen

siehe Demo: Ссылка

Css für h1 :

%Vor%

Bhavesh Kachhadiya 28.11.2013 07:31

quelle

score 0 · Answer 4

0

Fügen Sie den Text einfach zusammen mit dem Bild in <span> :

ein %Vor%

FIDDLE

Morpheus 28.11.2013 07:26

quelle

score 0 · Answer 5

0

Eine viel einfachere Lösung ist wie folgt:

<h1><span>abc abc</span><img class="goldT" src="btns/nav02.png"></h1>

Setzen Sie auf der h1 eine line-height und auf dem Bild und der Spannweite einen vertical-align:middle; . Arbeitete für mich.

Ukuser32 23.08.2017 14:14

quelle