CSS - Elemente ab einer bestimmten Fensterbreite ausblenden
In diesem Beispiel werden alle Wochentage abgekürzt angezeigt, wenn eine bestimmte Fensterbreite unterschritten wird.
Montag Dienstag Mittwoch Donnerstag Freitag Samstag Sonntag
<style>
/* Elemente ab einer bestimmten Fensterbreite ausblenden */
@media screen and (max-width: 40rem) {
span.abkuerzung {
display: None;
}
}
</style>
<?php
$wochentage = [1 => 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Sonntag'];
foreach ($wochentage as $wochentag) {
echo substr($wochentag, 0, 2) . '<span class="abkuerzung">' . substr($wochentag, 2) . '</span> ';
}
?>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<sup> Physische Auszeichnung
CSS - Leuchtende blaue Eingabefelder
PHP - Alte Bilder (einer Webcam) löschen