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 
= [=> 'Montag''Dienstag''Mittwoch''Donnerstag''Freitag''Samstag''Sonntag'];

foreach (
$wochentage as $wochentag) {
 echo 
substr($wochentag02) . '<span class="abkuerzung">' substr($wochentag2) . '</span> ';
}
?>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<meter> Meter

CSS - Mit ::selection markierten Text hervorheben

PHP - Element aus einem Array entfernen

JavaScript - HTML-Button über JavaScript eine Funktion zuweisen

MySQL - Alle Einträge nach einem Tag löschen

Abkürzungen
Ein langer Text mit vielen Abkürzungen, lässt sich viel schwerer lesen, da der Besucher erst überlegen muss, von welchem Wort die Abkürzung stammt.