HTML -Optionsfeld mit Bild- und Etikettenraum ⇐ HTML

[Anonymous]

Ich versuche, eine Umfrage -App zu erstellen, in der der Benutzer "ausgezeichnet", "gut", "durchschnittlich", "arm", "schlecht" auswählen würde. Ich habe die Checkbox -Gruppe verwendet und Bild für Etikett verwendet. Markup ist unten. Es wird mit .NET MVC Core < /p>
durchgeführt. Das Problem ist, dass die Bildgröße, wenn die Site in Telefonen angezeigt wird, nicht geändert wird. Wenn ich in der obigen Klasse Max-Width: xx % verwende (IMGSIZE) (oder % für die Breite für das Bild verwenden), hat das Etikett, das das Bild enthält, einen zusätzlichen Leerzeichen am Ende, und das würde einen Bildschirmraum einnehmen. Es ist die Größe des Bildes, aber das Container-Etikett erzeugt ein Problem mit dem Speicherplatz am Ende.

Code: Select all

.imgsize {
width: 47px;
height: auto;
}< /code>

Feedback

Your Experience



[img]https://placehold.co/47x47/28a745/FFFFFF/png[/img]




[img]https://placehold.co/47x47/8bc34a/FFFFFF/png[/img]




[img]https://placehold.co/47x47/ffc107/FFFFFF/png[/img]




[img]https://placehold.co/47x47/ff9800/FFFFFF/png[/img]




[img]https://placehold.co/47x47/dc3545/FFFFFF/png[/img]







Comments/Suggestions




Submit