Controlando a quebra de linha
2700 단어 csshtmlbraziliandevsptbr
예를 들어, estamos criando um site que o texto da nossa Hero Section é "Vamos Jogar um Basquete". Os 디자이너는 nosso time pediram que a frase ocupe apenas uma linha em telas grandes o bastante, mas nas demais, o desejado é que ao quebrar, nunca a palavra "Basquete"fique sozinha na segunda linha.
Obviamente, podemos dar uma olhada como a frase fica disposta em vários tamanhos de tela e forçarmos a quebra de linha entre as palavras "jogar"e "um"com uma tag
<br>
e, para os tamanhos de tela, que cabem a frase 지금까지 미디어 쿼리2를 사용하는 포데모스는 quebra de linha를 에스콘더합니다.<section class="hero">
<h1> Vamos Jogar<br>um Basquete</h1>
<button>Jogar</div>
</section>
Mas tem um jeito muito mais fácil e escrevendo muito menos! 특수 문자 끊기지 않는 공백3을 사용하고 HTML 요소를 호출할 수 없습니다:
. Esse caractere funciona como um espaço, mas, no momento da quebra da linha, ele não vai ser thinkado. É como se "Um Basquete"fosse uma palavra só sob a regra padrão de quebra de linha, na qual uma palavra é indivisível.Codando nosso 예:
첫 번째 페이지는 Hero Section의 첫 페이지입니다. A versão mais comum é uma imagem de fundo, um texto grande com o nome do produto e/ou um slogan e um botão convidando a se cadastrar, comprar o produto ou algo que seja do interesse do site em questão. ↩
https://developer.mozilla.org/pt-BR/docs/Web/CSS/Media_Queries/Using_media_queries ↩
https://en.wikipedia.org/wiki/Non-breaking_space ↩
Reference
이 문제에 관하여(Controlando a quebra de linha), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/giovanisleite/controlando-a-quebra-de-linha-4gi0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)