Hvordan arbeide med UL i flere kolonner

I en HTML-side, betegner en <ul> tag en sorterte liste. Sorterte lister er sekvenser av tekstelementer som gjengis som kulepunkter på enkelte strekninger. Hvis du har en spesielt lang liste over elementer, kan du ønsker å dele det opp i flere lister og gjengi dem på tvers av flere kolonner. Men hvis du ønsker å holde listen inneholdt til en enkelt <ul> tag, og rekkefølgen av sine elementer er ikke viktig, kan du strekke enkelt liste over flere kolonner med bruk av in-line HTML stiler.

Bruksanvisning

1 Åpne nettside med den sorterte liste du vil dele på tvers av flere kolonner i en teksteditor.

2 Del 100 med antall kolonner der du ønsker å dele din liste på kalkulatoren.

3 Legg til følgende kode i <ul> tag av sorterte liste:

style = "width: 800px; overflow: hidden»

Substitute den totale pixel bredde du ønsker for din sorterte liste for forekomsten av 800 ovenfor.

4 Legg til følgende kode i hver <li> tag av sorterte liste:

style = "float: left; display: inline; width: 50%"

Substituere tall beregnet i trinn 2 for forekomsten av 50 ovenfor.

5 Lagre og publiser din webside. Din sorterte liste vil nå bli spredt ut over antall kolonner du har angitt.