Usando o CSS3 word-break

  • Resolvido heberbrandao

    (@heberbrandao)


    14 anos, 2 meses atrás

    Galera, to com uma duvida enorme.

    Estou tentando dividir a aparencia do menu do meu wp em duas linhas.
    Algumas páginas contém 2 palavras, e o ideal seria que elas viessem em 2 linhas.

    ex.: Concurso Público

    Deveria vir
    Concurso
    Público

    Já tentei inserir o word-break no style do menu, mas nem assim resolveu.

    Alguém sabe como fazer isso?

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Myst1010

    (@myst1010)

    14 anos, 2 meses atrás

    No seu caso não seria só adicionar <br /> no nome do link em seu menu.

    Aqui se eu desejo quebrar a linha de um nome no menu personalizado eu posso fazer isso, veja se ai também resolve o problema.

    Criador do tópico heberbrandao

    (@heberbrandao)

    14 anos, 2 meses atrás

    Isso eu já tentei, o problema é que quando a gente entra na página, ela fica com o título quebrado tb, entende?

    Myst1010

    (@myst1010)

    14 anos, 2 meses atrás

    Bom neste caso vc talvez possa usar a tag <span></span> envolvendo a segunda palavra, dai fica mais fácil personalizar pelo css.

    Ficaria assim

    Concurso <span>Público</span>

    Ai no css vc personaliza o span com
    float:left;
    ou
    position:relative;

    Diana K. Cury

    (@dianakc)

    14 anos, 1 mês atrás

    O correto é word-wrap: break-word; e não word-break.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Usando o CSS3 word-break’ está fechado para novas respostas.