br line-height in safari e chrome lasciando gap

Nel mio HTML ho un div e all’interno del div che ho diversi spaziatura verticale tra le righe del testo. Realizzare questo utilizzando le pause e la definizione dell’altezza, cioè <br /><br class="height5" /> o height2 o height10 o qualsiasi altra cosa.

Nel mio foglio di stile lo definisco come:

br.height2 {line-height:2px;}
br.height5 {line-height:5px;}

Questo funziona in IE6+ FF2+ e Opera, ma per qualche motivo ci sono enormi lacune in Safari e Chrome (come questi due browser ignorano e l’applicazione delle pause regolari). Ho provato a testare con maggiori altezze come 20px o 30px e Safari e Chrome riconoscere quelle. Sembrano ignorare qualsiasi cosa sotto 5-10 pixel.

Aiutare? Grazie!

OriginaleL’autore | 2009-06-09

5 Replies
  1. 16

    Questo lavorato su Chrome (il content attributo ha fatto il trucco):

    br {
      content: " ";
      display: block;
      margin: 1em;
    }
    Grazie per questo. Styling br è stato necessario a causa di un ricco editor di testo utilizzare vorresti lasciare grandi spazi vuoti tra i testi.

    OriginaleL’autore anushr

  2. 3

    Quei browser potrebbe essere la lettura del tuo spazio bianco (ritorno a capo, ecc) e puntellare aperto con un &nbsp;tipo di valore. Io suggerisco di usare di più i tag div e lo stile del div con margin-bottom attributi di spazio che si desidera.

    <div style="margin-bottom: 2px">content</div>
    <div style="margin-bottom: 5px">content</div>
    <div>content</div>
    sì, <br /> è quasi come goto 🙂 Alcuni smart browser può ignorare font-dimensioni inferiori ad 9px per impedire agli occhi di danni. E gli spazi tra gli elementi devono essere descritta in CSS come spazi, non come linea di testo-brake.

    OriginaleL’autore Jeremy Sullivan

  3. 1

    So che questo è vecchio, ma la mia risposta qui è cross-browser senza girare br in un blocco

    /* line height can be set to whatever you want*/
    br {line-height: 0.1; content: " "} 

    OriginaleL’autore SamuelC

  4. 1

    Provare questo:

    br { line-height: 1em; }

    o:

    br { margin-top: 2em; }

    OriginaleL’autore user2881770

  5. 1

    Questo ha funzionato per me sia per firefox e chrome. Ha avuto l’idea da @SamuelC e @anushr.

    br{ 
        display: block;
        line-height: 0.1; 
        content: " ";
    }

    OriginaleL’autore Priyanka NM

Lascia un commento