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
So trennen Sie statischen und dynamischen Status durch die Kombination von Apache und Tomcat
Experimentelle Umgebung Apache und Tomcat sind be...
Tipps zur MySql-SQL-Optimierung teilen
Eines Tages stellte ich fest, dass die Ausführung...
So erstellen Sie mit Photoshop ein Web-Drahtgittermodell
Dieser Beitrag stellt eine Reihe kostenloser Phot...
Detailliertes Tutorial zur Verwendung von VMware WorkStation mit Docker für Windows
Inhaltsverzeichnis 1. Einleitung 2. Installieren ...
Drei Möglichkeiten, um einen Textblinkeffekt im CSS3-Beispielcode zu erzielen
1. Ändern Sie die Transparenz, um ein allmähliche...
So verwenden Sie die Clipboard-API in JS
Inhaltsverzeichnis 1. Document.execCommand()-Meth...
MySQL-Einschränkungstypen und Beispiele
Zwang Einschränkungen gewährleisten Datenintegrit...
Detaillierte Einführung in das benutzerdefinierte Docker-Netzwerk
Inhaltsverzeichnis Benutzerdefiniertes Docker-Net...
Über 40 schöne Beispiele für Webformular-Designs
Webformulare sind der primäre Kommunikationskanal...
Navicat: Mehrere Möglichkeiten zum Ändern des MySQL-Datenbankkennworts
Methode 1: Verwenden Sie den Befehl SET PASSWORD ...
Was tun, wenn Sie das ursprüngliche Passwort für MySQL auf dem MAC vergessen?
Die Methode zur Lösung des Problems, das anfängli...
Einführung in die Apache-Bereitstellung von https in der Kryptografie
Inhaltsverzeichnis Zweck Experimentelle Umgebung ...
Der gesamte Prozess der Aktualisierung eines Angular-Einzelprojekts auf mehrere Projekte
Inhaltsverzeichnis Vorwort Entwicklungsumgebung N...
Nginx-Praxis zur Optimierung hoher Parallelität
1. Notwendigkeit des Tunings Ich habe mich immer ...
Warum wird in Vue nicht empfohlen, einen Index als Schlüsselattributwert zu verwenden?
Inhaltsverzeichnis Vorwort Die Rolle des Schlüsse...