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
Lösungen für MySQL OOM (Speicherüberlauf)
OOM steht für „Out Of Memory“, was so viel bedeut...
So verwenden Sie SHTML-Includes
Durch die Anwendung können einige öffentliche Bere...
503 Dienst nicht verfügbar Fehlerlösungserklärung
1. Beim Öffnen der Webseite wird die Meldung „503...
Verlustfreie Erweiterungsmethode unter Linux
Überblick Der Server des Cloud-Plattform-Kunden k...
Übertragung von Routing-Parametern für die Kommunikation von React-Komponenten (react-router-dom)
Inhaltsverzeichnis Ich habe vor Kurzem React gele...
Implementierung des Einfügens von Millionen von Datensätzen in eine MySQL-Datenbank innerhalb von 10 Sekunden
Lassen Sie uns zunächst über eine Frage nachdenke...
So lassen Sie eine Remoteverbindung in MySql zu
So lassen Sie eine Remoteverbindung in MySql zu U...
Beispiel für die Generierung von Zufallszahlen und die Verkettung von Zeichenfolgen in MySQL
Dieser Artikel beschreibt anhand eines Beispiels,...
Lassen Sie sich das Funktionsprinzip von JavaScript erklären
Inhaltsverzeichnis Browserkernel JavaScript-Engin...
Grundlegendes Verständnis und Verwendung der HTML-Auswahloption
Detaillierte Erklärung von HTML (Option auswählen)...
So erweitern Sie den Speicherplatz eines Linux-Servers
Inhaltsverzeichnis Vorwort Schritt Vorwort Heute ...
Analyse und Lösung zur Leistungsoptimierung von Vue.js-Anwendungen
Inhaltsverzeichnis 1. Einleitung 2. Warum brauche...
CSS zum Erzielen eines Popup-Fensters oben und unten, links und rechts in der Mitte und eines transparenten Hintergrund-Sperrfenstereffekts
Es gibt eine einfache CSS-Methode, um das Popup-F...
Einführung in die Verwendung des http-equiv-Attributs im Meta-Tag
Meta ist ein Hilfstag im Kopfbereich der HTML-Spra...
3 Methoden zum Wiederherstellen der Tabellenstruktur aus einer FRM-Datei in MySQL [empfohlen]
Wenn MySQL normal ausgeführt wird, ist es nicht s...