Wie richtet man umschlossene Aufzählungspunkte in CSS an ihrer ersten Zeile aus?

So richten Sie umschlossene Aufzählungszeilen an der ersten Zeile aus

Beim Erstellen von Aufzählungslisten ist es oft wünschenswert, umgebrochene Einzelposten an der auszurichten erste Zeile. Anstatt unterhalb des Aufzählungszeichens umzubrechen, sollte der umschlossene Teil rechts vom Aufzählungszeichen fortgesetzt werden.

CSS- und HTML-Implementierung:

Um diese Ausrichtung zu erreichen, schließen Sie das Aufzählungszeichen ein in einem separaten div-Element und schließen Sie beide divs in ein Container-div ein.

.row2 {
    padding-left: 20px;
    overflow: hidden;
    max-width: 500px;
}
.red-square-5 {
    position: absolute;
    width: 5px;
    height: 5px;
    margin-top: 0.5em;
    background: #f00;
}

<div>

Bei diesem Ansatz bleibt die Position des Aufzählungszeichens absolut, während der Text des Aufzählungselements absolut ist wird rechts vom Geschoss umbrochen.

Das obige ist der detaillierte Inhalt vonWie richtet man umschlossene Aufzählungspunkte in CSS an ihrer ersten Zeile aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!