white-space
A tag White-Space, é responsável pelo tratamento dos espaços em brancos, essa tag pode ser usada com as seguintes opções:| Valor | Descrição |
|---|---|
| normal | Os espaços em branco serão ignorados pelo browser. |
| nowrap | O texto será apresentado todo ele numa linha única na tela. Não há quebra de linha até ser encontrada uma tag |
| pre | Os espaços em branco serão preservados pelo browser. |
| pre-line | Os espaços em branco serão ignorados pelo browser e o texto será quebrado quando necessário. |
| pre-wrap | Os espaços em branco serão preservados pelo browser e o texto será quebrado quando necessário. |
| inherit | Será herdado as características do elemento pai. |
Sintaxe:
elemento { white-space: normal; }
Exemplo:
blockquote { white-space: normal; }
Display
Outra tag interessante para manipular a quebra de linha de um elemento é a tag display.Na tag div percebe-se que automaticamente há uma quebra de linha enquanto uma tag span não ocorre. Pode-se dizer que na tag div incorpora a propriedade display: block enquanto a span está o display: in-line.
Sintaxe:
elemento { display: block; // quebra de linha }
elemento { display: inline; // sem quebra de linha }
Exemplo:
blockquote { white-space: normal; display: block;}
Comentários