ausgerichtet Ich möchte die folgende Tabelle erstellen: https://fiddle.jshell.net/7zrmd2wa/CSS Tasten sind nicht
Der Ausgang ist gut auf Fiddle, aber wenn ich es selbst hosten dann es diese gibt, sind die Tasten nicht ausgerichtet. https://imgur.com/a/byaM5
Ich habe es mit verschiedenen Browsern getestet.
Ich verstehe nicht warum? Und wie kann ich es lösen?
folgendes hinzufügen und es sollte das Problem beheben. Ich konnte das Problem reproduzieren, wenn ich den Code auf einem separaten html gestartet
#table1 td form{
display: inline;
}
oder
#table1 td form{
display: table-cell;
}
diese CSS hinzufügen vertikale Zentrierung in allen Zellen zu erhalten:
td {
vertical-align: middle;
}
Danke, aber leider klappt es nicht. – Japie07
bei der Probe der Suche, sollte es funktionieren, wenn Sie einige zusaetzliche CSS haben.
Versuchen Sie dies in Ihrem Stylesheet hinzufügen:
* {
padding: 0;
margin: 0;
border: none;
}
auf diese Weise versuchen: jsfiddle edited
Danke! Das funktioniert, aber ich denke, die Antwort von Orabis ist besser – Japie07
@ japie07 Wir sind willkommen! –
Ich bin nicht in der Lage Datei ihnen auseinander zu halten. Fiddle und der Screenshot sehen für mich gleich aus. – orabis
@orabis Ich habe es aufgeräumt. Die Betaal-Schaltfläche auf dem Bild ist etwas höher als die Person-Schaltfläche, obwohl sie auf der gleichen Ebene sein sollte. – Japie07
Ich gehe davon aus, dass auf der Seite, an der Sie die Schaltflächen verwenden, zusätzliche CSS beteiligt sind, die sich auf die Höhe auswirken. Ihre Klasse '.button' hat eine gegebene Höhe von 100%, während die' .submitbutton' keine hat, was zu einer linken und einer kleineren _betaal_ Taste führt. – SaschaM78