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
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
<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.