Stack-Tasten vertikal
Frage ich mich, wie kann ich einige Tasten zu stapeln vertikal und nicht horizontal in css.
So, die html wäre wie:
<button>Test<button>
<button>Test<button>
<button>Test<button>
Und diese Tasten werden standardmäßig horizontal gestapelt werden, was ich will, ist zu machen Sie legen die senkrecht (so dass jeder auf der Spitze der nächsten Taste).
- Hinzufügen
button { display: block; }
zu deinem CSS. Tasten standardmäßig sindinline
- Elemente, die bleiben auf der gleichen Linie, wenn möglich.block
Elemente auf der anderen Seite (wie divs), gezwungen sein wird, eine neue Zeile. Als separaten Hinweis:, bitte tun Sie etwas Forschung, bevor Sie Fragen stellen - eine schnelle Suche ergab viele Duplikate.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Definieren Sie die buttons als block-level-Elemente. Beachten Sie außerdem die Verwendung des richtigen schließenden tag (
</button>
):CSS:
HTML:
margin: 0 auto
.margin: 0 auto
`0 (oben und unten) auto für Links und rechts<buttons>
sind inline-block Elemente standardmäßig. Sie können das ändern, indem Sie das styling der Anzeige zu sperren statt:CSS:
HTML:
wie Sie bereits oben beschrieben,
buttons
element kommen mitinline
Anzeige-Eigenschaft standardmäßig. Sie brauchen, umdisplay: block;
erreichen Sie immer Ihre gewünschte Ergebnis:CSS:
HTML:
Können Sie dies mit Ihrem
css