HTML / CSS Quebra de espaço em branco

9

Eu estou querendo saber por que com marcações como

link

Eu obtenho

Como você pode ver, o primeiro e o último item de menu tem seu link dividido em três linhas, embora haja espaço suficiente para expansão. É possível que a linha não quebre a menos que não haja espaço? Se possível, sem definir uma largura fixa ou usar espaços sem quebra?

    
por Jiew Meng 07.01.2011 в 15:37
fonte

3 respostas

3

  entidade HTML ou white-space: nowrap; CSS. Mas não vai quebrar mesmo se realmente não houver espaço.

Você pode tentar usar display: inline-block; em vez de float: left; para seus li , img e / ou p .

link

    
por Habax 07.01.2011 / 15:39
fonte
1

Tente adicionar:

li {
    padding: 0;
    margin: 0 3px 0 0;
    float: left;  
    max-width: 120px;
white-space: nowrap;
}
    
por Diablo 07.01.2011 / 15:39
fonte
1

Não sei por que está se comportando assim, mas parece que você pode consertar flutuando o p também:

p {
  float: left;
}

Dependendo dos requisitos do seu navegador, você também pode optar por flutuar o p logo após a imagem:

img + p {
  float: left;
}
    
por jeroen 07.01.2011 / 16:08
fonte