18

Estou a tentar colocar um enter/quebra de linha (\n, <br />, etc) num title de um elemento html. Para tal, fui pesquisar por HTML Codes algo que fosse equivalente ao &nbsp usado para dar um "espaço". Encontrei poucas referencias mas nenhuma que realmente funcionasse...

Encontrei o &#10 mas não funciona (fonte).

Como posso realmente dar um enter/quebra de linha num title de um elemento html?

Código:

<input type="button" value="butão" title="tesxto 1 &#160 texto 2"/>

http://jsfiddle.net/pymgx0ws/

Edit:

Na minha aplicação estou a utilizar devexpress, e não posso usar:

<a title='1ª linha
2ª linha
3ª linha
'>link</a>
6
  • 1
    Isso não seria um problema XY?
    – ptkato
    Commented 8/09/2014 às 9:52
  • Talvez, mas se existe um HTML Code para o espaço, penso que também exista para o enter. Até posso estar enganado, mas se não for por HTML Code penso não dê para dar um enter :) Commented 8/09/2014 às 9:55
  • @PapaCharlie, não sabes até que ponto faz sentido no meu caso usar ou não uma quebra de linha para separar informação. Vou-te dar o meu exemplo: Tenho uma listagem com 18 colunas, com tantas colunas senti a necessidade de substituir algumas das colunas por icons, e o utilizador ao passar o cursor por cima consegue saber qual a informação da respectiva coluna. Neste caso ao passar o cursor no icon, consegue saber qual o utilizador que criou, ENTER, o utilizador que alterou os dados da linha Commented 8/09/2014 às 10:00
  • @PapaCharlie, estou a utilizar o tooltip do bootstrap para fazer isso mesmo. Mas o mesmo pede que o texto a apresentar no tooltip seja definido no title Commented 8/09/2014 às 10:02
  • jsfiddle.net/21p5swbw, veja se é isso que você deseja Commented 8/09/2014 às 10:03

1 Resposta 1

19

jsfiddle

Use &#013; para quebra de linha

<a title='1ª linha&#013;2ª linha&#013;3ª linha'>link</a>

output

1ª linha
2ª linha
3ª linha

fonte

5
  • 1
    Interessante, não sabia dessa. Parabéns, +1.
    – Franchesco
    Commented 8/09/2014 às 10:40
  • 1
    Também não sabia, fui procurar como escapar enter para formatar no bootstrap e achei no SO mas esqueci de colocar a fonte... Depois vou procurar o motivo do tooltip não aceitar o <br> e atualizo se houver informação. Commented 8/09/2014 às 10:50
  • 1
    Não sabia dessa ai não, muito bacana.
    – Euler01
    Commented 8/09/2014 às 12:28
  • Eu fiz alguns testes e não funcionou.
    – lorduakiti
    Commented 9/01/2020 às 18:15
  • @lorduakiti o exemplo do jsfiddle não funcionou? Commented 9/01/2020 às 19:17

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .