• seguici su feed rss
  • seguici su twitter
  • seguici su linkedin
  • seguici su facebook
  • cerca

SEI GIA' REGISTRATO? EFFETTUA ADESSO IL LOGIN.



ricordami per 365 giorni

HAI DIMENTICATO LA PASSWORD? CLICCA QUI

NON SEI ANCORA REGISTRATO ? CLICCA QUI E REGISTRATI !

Sostituire alle interruzioni di riga uno spazio, utilizzando i CSS

di :: 20 marzo 2020 07:00
Sostituire alle interruzioni di riga uno spazio utilizzando CSS

Sostituire alle interruzioni di riga uno spazio utilizzando CSS

In questo pillola di web, vediamo come sostituire ai tag "break" <br>, cioè alle interruzioni di riga presenti in HTML, uno spazio.

Potrebbe essere utile, ad esempio, nei siti responsive, quando, nella versione per dispositivi mobile, volessimo accorpare il testo ed evitare troppi capo riga.

L'obiettivo che vogliamo raggiungere è sostituire il tag "<br>" con uno spazio vuoto.

Ad esempio, abbiamo una frase come questa

<p>bla<br />bla<br />bla<br />bla</p>

Ho trovato varie soluzioni sul web, ad esempio questa è spesso menzionata:

<style>
br{content:' ';}
br:after{content:' ';}
</style>

Tramite CSS:

  1. br{content:' ';} : il tag br viene sostituito con uno spazio
  2. br:after{content:' ';} : viene inserito un elemento (lo spazio vuoto) alla fine del tag br utilizzando lo pseudo-elemento "after"

Tuttavia, testandola, funziona su Chrome ma non su Firefox.

Questa invece è una soluzione compatibile con molti browser

<style>
br {
   content: " ";
   float:right; 
}
</style>

Per concludere l'argomento: se invece di uno spazio volessimo solo far "sparire" il tag break, possiamo utilizzare l'elemento display

br{display:none;}
 
pay per script

Hai bisogno di uno script PHP personalizzato, di una particolare configurazione su Linux, di una gestione dei tuoi server Linux, o di una consulenza per il tuo progetto?

 
 
 
x

ATTENZIONE