28. marts 2004 - 23:11Der er
14 kommentarer og 3 løsninger
Kan man bestemme linjeafstand med <p>
Kan man med <p></p> bestemme afstanden mellem linjer, måske med <style> Er det muligt at få et eksempel. Jeg har forsøgt med line-height, men kan ikke få det at fungere
<p> er et blocklevel elemnet, så det vil fylde en hel linje uanset hvor meget tekst der så står i det (ligesom en paragraph i f.eks. Word !-)
-- dvs. der vil altid være et linjeskift bagefter, hvis du vil styre bedre, kan jeg anbefale at bruge linjeskift-tagget: <br>, som kun indsætter et linjeskift, lige hvor det står !o]
% er nok ikke så velegnet til line-height, et eksempel med meget stor linjeafstand. Ved % ved browseren ikke, hvad de 50% skal være af, hvis man ikke har angivet en height. <p style="line-height: 50px">linje 1 <br> linje 2</p> Vil du bruge det i forhold til et andet element, så der bliver længere mellem to <p> f.eks., så kan man bruge margin-top og eller margin-bottom. <p style="margin-top: 50px">linje 1 <br> linje 2</p>
Nu ved vi jo ikke, hvad rit vil, og hvor han ønsker linjehøjden ændret, men afstanden foroven og forneden ville jeg nu stye med margin-top og margin-bottom: 0, som jeg skrev.
Eller man kan lave en <p> om til inlinelement , display: inline
-- for det første er det (i hvert fald for mig !-) indlysende at rit hat et problem med, at linjeafstanden er for stor, og den er åbenbart skabt af en padding ...
-- for det andet er det noget vrøvl, at line-height ikke ved hvorfra den skal tage en størrelse, for netop fordi det handler om linje-højde på tekst-linjer, tager den afsæt i den aktuelle tekst-højde, så en af de almindeligste måder at angive line-height på, er:
Du hare ret i det med % line-height:1.2; ? du mangler enhedsangivelse. <p style="margin-bottom: 0">linje 1 <br> linje 2</p> <p style="margin-top: 0">linje 3 <br> linje 4</p> vil ikke give det ekstra mellemrum, som der normalt vil være mellem to <p>
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.