>
Wir hoffen, dass li schwebend und zentriert ist (die Anzahl von li ist nicht festgelegt und die Breite von ul ist unbekannt ). Sie können die Textausrichtung von ul festlegen und dann die Anzeige von li festlegen, um eine Zentrierung zu erreichen. Dies ist jedoch nicht unsere ursprüngliche Absicht. Wir müssen float:center implementieren.
Hier müssen wir position:relative überprüfen, wodurch die Position im normalen Dokumentenfluss basierend auf links, rechts, oben, unten und anderen Attributen ausgeglichen wird. Dann können wir ul position: relative; left: 50 % machen und dann li nach links schweben lassen und dann position: relative; . Dasselbe wie zentriert. Probieren wir es ohne weitere Umschweife zunächst einmal aus.
Code kopieren
width:100%;
background-color:#eee;
overflow:hidden; macji .macji -skin{
float:left;
left:50%;
#macji .macji-skin li{
position:relative;
right:50%;
margin:10px;
border:solid 1px #000; 🎜>}
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
