Tome esta menina planeja testar
html img tag
1. De acordo com o tamanho da imagem mudança de tamanho
- com
<img src="图片路径" width="200px" height="200px" alt="图片名称" align=center />
- com
<img src="图片路径" width="200" height="200" alt="图片名称" align=center />
- com
<img src="图片路径" width=200 height=200 alt="图片名称" align=center />
- O mesmo
<img src="图片路径" width=200px height=200px alt="图片名称" align=center />
se quiser que a imagem à direita e necessidade de ser alterado para centro-direita
a certeza de que eu verifiquei, como este:
2. Alterar a imagem de acordo com a proporção do tamanho
O melhor: zoom zoom
sob o mesmo <img src="图片路径" style="zoom:20%" alt="图片名称" align=center>
acima <img src="图片路径" style="zoom:20%" alt="图片名称" align=center />
da etiqueta é auto-fechamento pouco efeito. Sugere-se que a auto-fechamento
mesmo efeito tanto, ea segunda escala de zoom, é mais conveniente do que a primeira mudança de tamanho. Pode ser usado em ambiente de edição tradicional remarcação, como CSDN, blog de jardim, eu não sei quase.
Seguido por: escala bidimensional <img src="图片路径" width="20%" height="20%" alt="图片名称" align=center />
duas dimensões deve ser mudado, escrevê-los mais problemas
Desta vez, pela primeira vez encontrada zoom e largura e altura escala, na mesma proporção, o efeito é diferente, por favor nota
❌ continuar propriedades makedown
Baidu Experiência: arquivo de remarcação, o general exibição forma, é agora só acoplado a dar {classe} na forma de linha. Este remarcação pode ser usado em livros simples e outras plataformas.
{: Width = "200px" height = "200px"}
{: style = "Zoom: 40%"}
no editor do blog MarkDown Parque inválido, a consulta é uma característica de kramdown em InlineAttribute.
Desculpe, esses dois não vai funcionar no blog jardim, o que significa que o jardim blog, como as mudanças de imagem,Só posso usar html semântica, makedown não
❎ muita dificuldade: um envoltório com uma div html
Por exemplo set para o meio, fora do quadro cercado por uma tag div pode ser, mas div envoltório muito esforço, é melhor primeiro para facilitar direta mais classe, para falar sobre o arredondamento
<div align="center"><img src="图片链接" width="20%" height="20%" /></div>
O ponto de vista de uma utilização alternativa,Mais uma vez encontrado zoom e escala largura e altura, na mesma proporção, o efeito é diferente, por favor nota
Não é adequado embelezar o usuário jardim blog, outros usuários podem tentar
img {
max-width: 80%;
}
Este método deve ser a segunda melhor solução, uma parte da imagem ao tamanho evitar a inadimplência é muito grande, o tamanho da imagem sem afetar o outro. Hábil, uma vez por todas ~
- Como esta solução sub-óptima a ser usado diretamente makedown nele?
Além disso, marcas de estilo pode ser usado em anos makedown. E código JavaScript com tag "script" também pode ser usado em anos makedown, um princípio
<style>img{max-width:80%;}<style/>
- W3Cschool trecho: máx-largura define a largura máxima do elemento. O valor do atributo largura definindo elemento têm um limite mais alto. Assim, o elemento pode ser mais estreita do que o valor especificado, mas não mais larga do que isso. Não permitido para especificar um valor negativo.
% - percentagem com base na definição da largura máxima da respectiva contendo objeto no nível de bloco. - ❎ disse que podiam, mas o meu blog no jardim, paisagismo tema está fora, uma vez que usei esse código, 90% dos artigos vai bug.
- ✅ Este método pode ser usado para estimar o editor makedown CSDN e outros, bloggers CSDN dizer . Não Embeleze estudantes blogue Parque também pode tentar "para limitar a largura máxima da imagem," este método.
❌3. Redacção inválido
! [CSDN escrito, não] ( https://img2020.cnblogs.com/blog/1735731/202003/1735731-20200327020742887-1728064481.png = 400x300)
[CSDN centrado escrita, não] (! Https: //img2020.cnblogs .com / Blog / 1735731/202 003 / 1735731-20200327020742887-1728064481.png # pic_center = 300x300)