manipulação de estouro de texto, processamento de imagem de fundo, experiência de desenvolvimento empresarial

2020 27 de fevereiro de hoje está nublado! Uma manhã aprendeu uma teoria front-end pouco, pretendia colocar um resumo do conhecimento sobre, e em seguida, escrever a captura de pacotes ontem tcp mudou um pouco.
(A) a manipulação texto em excesso
Aqui Insert Picture Descrição
Aqui Insert Picture Descrição

texto de linha única e texto com várias linhas, e depois olhamos para código de manipulação do Baidu.

Aqui Insert Picture Descrição
Aqui Insert Picture DescriçãoEscrito à mão! Por ser tão preguiçoso! Vejamos Taobao, não encontrou nenhuma ... caso, o conteúdo do texto é muito pura ah! Agora, os sites são geralmente encontrados no caso da palavra de controle back-end, escrever diretamente na ...

  1. tratamento único-line: white-space: nowrap não pode deixá-lo quebrar, overflow: hidden Let estouro parcialmente escondido, text-overflow: reticências; seção de transbordo de acordo com o show ...
    Aqui Insert Picture DescriçãoEste é o renderings originais; Aqui Insert Picture Descriçãoeste é o resultado final
  2. Tratamento multi-linha: Em circunstâncias normais o pc é escrito à mão, processo de truncagem do General multi-linha, o elemento pai no overflow: hidden; prestar atenção à relação entre altura e line-height, não parecem resultados meia palavra interceptar.
    (B) o fundo de processamento de imagem
    1.background-size: uma imagem de fundo numa largura de exibição predeterminado e altura
    2.background-repeat: exibição de imagem não-repetição não serão repetidas
    por exemplo: Aqui Insert Picture Descrição
    Aqui Insert Picture Descrição
    3.background-positon: 100 p ser deixado 100%!
    (3) A experiência de desenvolvimento de projetos corporativos
    , quando a nossa velocidade não é bom quando você só carregar html, css e javascript será protegido automaticamente, mesmo assim deve assegurar a realização de funções, tais como:
    Aqui Insert Picture DescriçãoAqui Insert Picture Descrição
    Em circunstâncias normais, palavras Taobao não parece, pois o excesso de carga css: hidden;
    Aqui Insert Picture DescriçãoAqui Insert Picture Descrição
    1. abordagem menos sofisticado:
    deixar as palavras fora e depois esconder TaobaoAqui Insert Picture Descrição
  3. prática avançada (fundo vai agir sobre o preenchimento)
    altura do recipiente de 0, usando padding-top distração, e depois esconder
    para ver o que usar Taobao
    Aqui Insert Picture Descrição
    é claramente o segundo, realmente avançado.
    (Iv) complementares
    lados da peça em bruto 1. Taobao, elementos pai-filho são bloco Magin: Auto 0,
    2. princípio interno: Posição: / elementos de mostrador direito é automaticamente adicionada à esquerda:: absolutos e flutuador inline-bloco atribuir
    3. alinhamento: o elemento de texto ocorre geralmente alinhado com o fundo
    vertical-alin: ajustando linha de alinhamento
Publicado 37 artigos originais · ganhou elogios 0 · Visualizações 726

Acho que você gosta

Origin blog.csdn.net/weixin_43704007/article/details/104535885
Recomendado
Clasificación