Gibt es eine Möglichkeit, die Breite des Code-HTML-Tags zu ändern?

8

Ich habe bemerkt, dass jede Änderung des <code> Stils in Bezug auf seine Breite keine Auswirkung hat. Es scheint immer auf "auto" eingestellt zu sein.

Ich versuche nur, Code in einem <code> -Tag zu schreiben (dieser Tag ist aufgrund einiger bekannter iBooks-Bugs obligatorisch), der 100% Breite hat. Eine Problemumgehung besteht darin, das <code> in ein <div> zu setzen, das einen 100% igen Hintergrundstil hat. Das funktioniert OK, aber ich muss mit ein paar hundert <code> -Tags umgehen ... Das ist der Grund, warum ich es vorziehen würde, nur die Breite von <code> zu ändern.

Irgendwelche Gedanken? Danke.

    
Yeseanul 12.03.2012, 16:02
quelle

2 Antworten

7

<code> Elemente sind Inline-Elemente. Wenn Sie hier eine Höhe oder Breite festlegen, hat dies keine Auswirkungen auf deren Größe.

Verwenden Sie display:inline-block ::

%Vor%     
Rob W 12.03.2012, 16:05
quelle
3

Fügen Sie dem Code-Element eine display: block oder inline-block gemäß Ihrer Anforderung hinzu. Der Rest sollte wie geplant funktionieren

Siehe ein Beispiel

    
Starx 12.03.2012 16:08
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset DDD Entitätsvalidierung