Hur man minskar avståndet mellan rader i HTML

click fraud protection
...

Du kan minska avståndet mellan raderna direkt i en webbsidas HTML-fil.

Att använda HTML gör det enkelt att skapa grundläggande webbsidor och att kontrollera olika attribut för dessa sidor, inklusive teckensnitt, textstorlek, färg och radavstånd. Att minska avståndet mellan raderna kan vara användbart om du behöver kondensera en webbsida eller för att minska tomrum av estetiska skäl. Lyckligtvis är att minska avståndet mellan raderna helt enkelt en fråga om att göra några snabba infogningar i sidans HTML-fil.

Steg 1

Identifiera den del av ditt HTML-dokument som motsvarar den del av din webbsida som du vill minska radavståndet för.

Dagens video

Steg 2

Bifoga den delen av dokumentet i en "

"tagg. en "
"-tagg, även känd som en divide-tagg, markerar en del av HTML som du vill tillämpa en viss stil på. Föra in "

" i början av avsnittet och "

" i slutet av avsnittet.

Steg 3

Infoga "style=" inom den första "

" taggen enligt följande:
. "Style"-operatören signalerar till webbläsaren och renderar webbsidan att den ska stila delen av sidan som är innesluten i delningstaggarna på ett specifikt sätt som är skilt från resten av webben sida.

Steg 4

Placera texten "line-height:" inom citattecken efter stiloperatorn enligt följande:

. Var noga med att ta med ett kolon efter texten. Attributet "line-height" signalerar till webbläsaren att den bör modifiera avståndet mellan raderna för den del av sidan som är innesluten i divide-taggarna.

Steg 5

Infoga ett tal följt av procenttecknet efter kolon efter attributet "line-height" enligt följande:

. Siffran du infogar är önskat radavstånd uttryckt som en procentandel av sidans nuvarande radavstånd. Till exempel, om du infogar 50 kommer avståndet mellan raderna att vara halva dess nuvarande avstånd, medan om du infogar 200 kommer avståndet att vara dubbelt med det nuvarande avståndet. Infoga valfritt tal som är mindre än 100 för att minska avståndet mellan raderna i sektionen som omges av delningstaggarna.

Steg 6

Spara ditt HTML-dokument och testa det genom att öppna det i en webbläsare för att se hur det kommer att se ut för läsare som kommer åt det via Internet.