Wie setze ich die Breite eines Inline-Elements? [Duplikat]

7

Ich möchte einen Tab-Header entwerfen. Der HTML-Code ist,

%Vor%

Jetzt muss ich ein Hintergrundbild auf die aktuelle Klasse anwenden, um auch so etwas zu bewirken,

Aber das Inline-Element a ist nicht groß genug für dieses Hintergrundbild, also passe ich die Breite und Höhe des Elements an. Aber die Anpassung ist fehlgeschlagen, die Breite / Höhe des Elements hat sich nicht geändert.

Wie kann ich den richtigen Effekt erzielen?

Danke.

    
Jichao 28.02.2011, 02:49
quelle

4 Antworten

19

Um die Breite anzuwenden, setzen Sie die css-Eigenschaft 'display' auf 'block' oder 'inline-block'.

block: das Element wird in einer einzigen Zeile sitzen. In einem solchen Fall sollten Sie Float setzen, so dass Links in derselben Zeile stehen;

Inline-Block; Das Element hat Höhe, Breite usw. und mehrere Elemente befinden sich in derselben Zeile (Block).

    
James Chen 28.02.2011, 02:54
quelle
3

Setzen Sie die Eigenschaft display auf inline-block , und dann können Sie setze width , height und vertical-align nach Bedarf.

    
Josh Lee 28.02.2011 02:52
quelle
1

Verwenden Sie

%Vor%

auf dem Inline-Element. Mit ein wenig Feinabstimmung hat dies eine breite browserübergreifende Unterstützung und ist unglaublich nützlich für die Art von Layout, die Sie suchen.

    
harpo 28.02.2011 02:50
quelle
-3

Sie müssen display:block für den Anker verwenden.

    
ScottE 28.02.2011 02:50
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Beispieltext in JTextField