Analyse der grundlegenden Verwendung von ul und li
|
Navigation, kleine Datenmenge Tabelle, zentriert <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <Kopf> <title>ul- und li-Anwendung</title> <style type="text/css"> #menu{width:1000px;height:35px;float:right;margin:0px; clear:both; vertical-align: bottom;} #ul li{list-style-type:none; clear:both;width:100px;display:inline; font-size: greater;} #myul li{float:left;width:100px;} </Stil> </Kopf> <Text> <div id="Menü"> <ul-ID="ul"> <li><a title="" href="http://localhost:1435/BookShop/index.aspx">Startseite</a></li> <li><a title="" href="http://localhost:1435/BookShop/hybooks.aspx">Branchenbücher</a></li> <li><a title="" href="http://localhost:1435/BookShop/Clothing.aspx">Kleidungstrends</a></li> <li><a title="" href="http://localhost:1435/BookShop/">Schönheitssalon</a></li> <li><a title="" href="http://localhost:1435/BookShop/">Mama Baby</a></li> <li><a title="" href="http://localhost:1435/BookShop/">Geschenkbücher</a></li> <li><a title="" href="http://localhost:1435/BookShop/">Neuigkeiten</a></li> <li><a title="" href="http://localhost:1435/BookShop/">Benutzerkommentare</a></li> <li><a title="" href="http://localhost:1435/BookShop/">Kontaktieren Sie uns</a></li> </ul> </div> Standardmäßig ist <div> vertikal und hat Punkte <ul> <li>Hallo</li> <li>Hallo</li> <li>Hallo</li> <li>Hallo</li> </ul> </div> <div> <ul> <li style="list-style-type:none;">Entferne die Punkte</li> <li style="display:inline;">hallo</li> <li>Hallo</li> <li style="display:inline;">hallo</li> </ul> </div> <!--Wenn Sie bei der horizontalen Methode eine Zentrierung wünschen, müssen Sie die Breite festlegen. Diese Breite muss mit der Gesamtlänge des „li“ im Inneren übereinstimmen. --> <div Stil="text-align:center;Hintergrund:#def"> <ul style="width:150px;background:#eee;"> <li style="float:left;">hallo</li> <li style="float:left;">hallo</li> <li style="float:left;">hallo</li> <li style="float:left;">hallo</li> <li style="float:left;">hallo</li> </ul> </div> <!--Das Prinzip der Tabellenerstellung: Die ul-Breite beträgt 300 Pixel, die li-Breite 100 Pixel, dann gibt es drei Spalten--> <div Stil="text-align:center;Hintergrund:#eef"> <ul id="myul" style="width:300px;background:#eee"> <li>Hallo</li> <li>Hallo</li> <li>Hallo</li> <li>Hallo</li> <li>Hallo</li> <li>Hallo</li> <li>Hallo</li> <li>Hallo</li> <li>Hallo</li> </ul> </div> </body> </html> |
<<: Zusammenfassung der Wissenspunkte des Datenbankindex
>>: Einigen Eigenschaften in CSS geht ein "*" oder "_" voraus.
Artikel empfehlen
CSS Lieferadresse Parallelogramm Linienstil Beispielcode
Der Code sieht folgendermaßen aus: // Linienstil ...
MySQL Router implementiert MySQL Lese-/Schreibtrennung
Inhaltsverzeichnis 1. Einleitung 2. MySQL-Router ...
Ausführliche Erläuterung des Fehlers beim Schreiben von SQL mit englischen einfachen Anführungszeichen "''"
Ich bin auf ein Problem gestoßen. Wenn beim Teste...
Node erstellt schnell die Backend-Implementierungsschritte
1. Installieren Sie zuerst Node, Express und Expr...
Deaktivieren Sie die IE-Bildsymbolleiste
Ich habe es gerade auf IE6 ausprobiert und die Sym...
Ein Beispiel für das elegante Schreiben von Urteilen in JavaScript
Inhaltsverzeichnis Vorwort 1. Monadisches Urteil ...
Einführung in die Verwendung des HTML-Elements Noscript
Noscript-Definition und -Verwendung Das Noscript-...
Vue importiert Excel-Tabellen und lädt automatisch die Daten herunter, die nicht importiert werden konnten
Es gibt eine solche Anforderung: eine Importschal...
Allgemeine DIV-Aufgaben (Teil 2) — Umwandlung in Editoren und verschiedene DIY-Anwendungen von DIV
Seit der Einführung des contentEditable-Attributs ...
Kurze Analyse der geplanten MySQL-Sicherungsaufgaben
Einführung Um Datenverlust in einer Produktionsum...
Ideen und Praxis einer mehrsprachigen Lösung für ein Vue.js-Frontend-Projekt
Inhaltsverzeichnis 1. Welche Inhalte müssen üblic...
Detaillierte Erklärung zum Festlegen des Änderungswerts innerhalb einer bestimmten Zeit in Zabbix
Hintergrundbeschreibung: Auf einem vorhandenen La...
Eine Reihe häufig verwendeter Betriebs- und Wartungsbefehle für Linux (Zusammenfassung)
Inhaltsverzeichnis 1. Systemüberwachung 2. Dateio...
js implementiert Tabellen-Drag-Optionen
In diesem Artikelbeispiel wird der spezifische JS...
js, um einen einfachen Taschenrechner zu erstellen
In diesem Artikel finden Sie den spezifischen Cod...