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
Betrachten des Threadmodells von Tomcat aus der Connector-Komponente – BIO-Modus (empfohlen)
In höheren Versionen von Tomcat ist der Standardm...
Idee in einem War-Paket verpackt, auf Tomcat bereitgestellt und Probleme mit dem Zugriffspfad (Abbildung und Text)
Der wichtigste Schritt bei der Verpacken einer Id...
Beispielcode zur Implementierung sechseckiger Rahmen mit CSS3
Die äußerste BoxF dreht sich um 120 Grad, die zwe...
Grafisches Tutorial zur Installation und Konfiguration von CentOS 7
In diesem Artikel wird das ausführliche Installat...
So verwenden Sie Docker zum Bereitstellen von Spring Boot und zum Herstellen einer Verbindung mit Skywalking
Inhaltsverzeichnis 1. Übersicht 1. Einführung ins...
Detaillierte Erläuterung des Linux-Befehls zur Änderung des Hostnamens
Linux-Befehl zum Ändern des Hostnamens 1. Wenn Si...
Detaillierter Prozess zum Ändern des Hostnamens, nachdem Docker einen Container erstellt hat
Es gibt ein Heilmittel gegen Reue auf der Welt, s...
Vue-Komponenten Dynamische Komponenten detaillierte Erklärung
Inhaltsverzeichnis Zusammenfassen Zusammenfassen ...
Nginx: Ein Domänenname für den Zugriff auf mehrere Projekte – Methodenbeispiel
Hintergrund Kürzlich stieß ich bei der Bereitstel...
Tutorial zur kostenlosen Konfiguration der MySQL 5.7.18-Installationsversion
Installations-Tutorial zur kostenlosen Installati...
Was ist SSH? Wie benutzt man? Was sind die Missverständnisse?
Inhaltsverzeichnis Vorwort Was ist SSH? Wofür wir...
TypeScript-Lernhinweise: Typeingrenzung
Inhaltsverzeichnis Vorwort Typinferenz Einengung ...
Schritte zur Annotation von Metadeklarationen
Schritte zur Annotation von Metadeklarationen: 1. ...
Eine kurze Diskussion über vier Lösungen für Vue Single Page SEO
Inhaltsverzeichnis 1.Bereitstellung der serversei...
Detaillierte Erklärung, wie Nginx das Problem des domänenübergreifenden Zugriffs auf Front-End-Ressourcen löst
Nachdem ich fast zwei Tage lang mit dem domänenüb...