Checkboxen in einer Reihe ausrichten

Ich arbeite gerade an einem Projekt für die Schule, das die Benutzer fragt, welches VR-Gerät ihnen am besten gefällt, und ich versuche die Tasten so zu zentrieren, dass sie sich ausrichten, aber ich weiß nicht wie tue es, ich habe viele Dinge auf Stackoverflow, google, youtube durchgegangen, aber nichts hat gearbeitet, um die Checkboxen in einer Reihe zu machen hier ist, was der HTML aussieht "http://i.imgur.com/0bob3tC.png" hier ist, wie das CSS aussieht "http://i.imgur.com/P1bFexS.png "Checkboxen in einer Reihe ausrichten

Quelle

2016-09-16 Kobbi

Sie sind verpflichtet, ein minimales Beispiel zu platzieren die zeigt, Problem hier, nicht eine Third-Party-Site, die morgen verschwinden kann und niemandem hilft. Und kein Screenshot! – Rob

Es tut mir leid, ich würde das tun, aber ich bin nicht in der Lage, da ich 10 Ruf noch nicht habe, werde ich sobald ich 10 rep bekommen dann werde ich es bearbeiten und ein Bild machen – Kobbi

Fügen Sie ein div-Element hinzu, das die Kontrollkästchen umgibt. Geben Sie diesem div eine Klasse und fügen Sie der Klasse die folgenden css hinzu: text-align: left; float: left;. Ich bin mir nicht sicher, ob der Float notwendig ist, aber probiere es einfach aus.

Siehe hier: https://jsfiddle.net/6x0r5nqf/2/

Quelle

2016-09-16 13:13:11

Ich habe es versucht float hinzufügen: links; aber jetzt sieht es so aus "http://i.imgur.com/RoJaYcm.png", und danke ich werde das jsfiddle.net Zeug für die zukünftige Verwendung von Problemen überprüfen;) – Kobbi

Und ich kann es nicht mit Dieses Projekt, da es von anderen Studenten kopiert werden kann, wenn sie es sehen, so muss ich es so privat wie ich – Kobbi

halten Versuchen Sie, ein '

//Here the checkboxes code with names

' um die Checkboxen zu machen und geben Sie diesem Div einen Klassennamen. Fügen Sie '' checkboxes-div {float: left; Textausrichtung: links; } 'zu dieser Klasse. –

Ich denke, das ist das, was Sie suchen (Sie können Ihre eigene CSS):

Pick One Below 
<form action=""> 
    <input type="radio" class="choose" value="male">Oculus Rift<br> 
    <input type="radio" class="choose" value="female">HTC Vibe<br> 
    <input type="radio" class="choose" value="other">Gear VR 
</form>

https://jsfiddle.net/pratikhegde/h8dxo9ok/

Quelle

2016-09-16 14:05:54 pratikhegde

Checkboxen in einer Reihe ausrichten

Antwort

Verwandte Themen