CategoriaNotas em CSS

CSS: Inserir uma quebra de linha mantendo display: inline

Às vezes você deseja criar uma quebra de linha após um elemento inline, sem que seja necessário mudar o valor da propriedade display para outro valor. Felizmente, basta utilizar um truque com pseudo-elementos: .inline-element::after { content: '\A'; white-space: pre; } Isso é especialmente útil em formulários, como exemplificado no exemplo a seguir. See the Pen Inline line break by Andy Bell...

CSS: line-clamp

A propriedade line-clamp é uma forma de truncar (cortar) o texto após um número específico de linhas. No momento da publicação desta nota, essa propriedade está atualmente no Editor’s Draft, o que significa que pode mudar antes de ser publicada. O que line-clamp faz de diferente de text-overflow? O benefício da propriedade line-clamp é poder aplicá-la em qualquer linha. Se você decidir...