Zentriere eine vertikale Spanne innerhalb eines a-Elements

Question

Zentriere eine vertikale Spanne innerhalb eines a-Elements

8

Ich habe ein Layout, das wie ein Bücherregal aussieht, siehe mein Beispiel . Das Bücherregal reagiert also nicht auf feste Breiten. Das Problem, mit dem ich konfrontiert bin, ist, dass ich den Text innerhalb der Panels nicht "horizontal" innerhalb der Buchseiten zentrieren kann. Es ist besonders schwierig, da der Text so transformiert wird, dass er vertikal angezeigt wird. Hat jemand eine Idee, wie das funktioniert?

HTML

%Vor%

CSS

%Vor%

html css

Jennica 02.01.2016, 13:45

quelle

4 Antworten

Tags und Links html css

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Ändern der Größe der Drop-Zone für die Bubble-Zerstörung

score 1 · Answer 1

1

Sie haben 2 einfache Optionen, entweder mit display : flex oder table :

Anzeige: Tabellenbeispiel:

%Vor% %Vor%

Ссылка

oder flex:

%Vor% %Vor%

Ссылка

G-Cyr 02.01.2016 14:10

quelle

score 0 · Answer 2

0

Gehen Sie folgendermaßen vor:

%Vor%

Sehen Sie meine Demo hier oder Ihre jfiddle

Sie müssen möglicherweise eine kleine Anpassung bei kleinen Smartphones mit einer Medienabfrage, aber ansonsten funktioniert es

Fügen Sie dies dem responsiven css hinzu:

%Vor%

LOTUSMS 02.01.2016 13:55

quelle

score 0 · Answer 3

0

Fügen Sie diese Zeilen Ihrem Code hinzu:

%Vor%

Hier ist die Geige

Bimal Das 02.01.2016 14:07

quelle

score -2 · Answer 4

-2

Wenn Sie den Text vertikal zentrieren möchten, verwenden Sie die folgende Eigenschaft unter text-align: center in .panel a span den Text in der Eckenmitte eines Bereichs

%Vor%

und wenn Sie Text in der Mitte des Panels zentrieren möchten, nicht in der Ecke

%Vor%

Shwan Namiq 02.01.2016 14:15

quelle