kzen.dev
  • Perguntas
  • Etiquetas
  • Utilizadores
Notificações
Recompensas
Inscrição
Uma vez registado, será notificado das respostas e comentários às suas perguntas.
Entrar
Se já tem uma conta, inicie sessão para verificar novas notificações.
Haverá recompensas por perguntas, respostas e comentários adicionais.
Mais
Fonte
Editar
 cantdutchthis
cantdutchthis
Question

Alterar o tamanho da imagem no Markdown

Acabei de começar com o Markdown. Adoro, mas há uma coisa que me incomoda: como posso mudar o tamanho de uma imagem usando o Markdown?

A documentação dá apenas a seguinte sugestão para uma imagem:

![drawing](drawing.jpg)

Se for possível, eu gostaria que a imagem também fosse centrada. Estou a pedir o Markdown geral, não apenas como o GitHub o faz.

800 2013-02-03T18:42:06+00:00 3
Matthias Braun
Matthias Braun
Pergunta editada :em
Programação
image
markdown
Popular videos
O que é Markdown? Tutorial Fácil para Iniciantes
O que é Markdown? Tutorial Fácil para Iniciantes
há 2 anos
#5 — Markdown Images — Mastering Markdown
#5 — Markdown Images — Mastering Markdown
há 6 anos
Add Image to Markdown
Add Image to Markdown
há 3 anos
Markdown: inserting images
Markdown: inserting images
há 7 anos
#5 - Síntaxe Markdown: Links, imagens e separadores
#5 - Síntaxe Markdown: Links, imagens e separadores
há 2 anos
Mudando o tamanho da imagem de fundo do site - @Curso em Vídeo HTML5 e CSS3
Mudando o tamanho da imagem de fundo do site - @Curso em Vídeo HTML5 e CSS3
há 1 ano
Como Reduzir O Tamanho De Imagens JPEG Em Até 90% No Windows ( Sem Programas )
Como Reduzir O Tamanho De Imagens JPEG Em Até 90% No Windows ( Sem Programas )
há 3 anos
Aprendendo Markdown em minutos
Aprendendo Markdown em minutos
há 2 anos
Tudo que você precisa saber sobre Markdown
Tudo que você precisa saber sobre Markdown
há 2 anos
Como Diminuir Tamanho (Peso) de Imagem PNG e JPG
Como Diminuir Tamanho (Peso) de Imagem PNG e JPG
há 2 anos
Como Reduzir o Tamanho Da Imagem de Forma Rápida e Sem Programas
Como Reduzir o Tamanho Da Imagem de Forma Rápida e Sem Programas
há 3 anos
[Photoshop] Como Redimensionar Imagem da maneira correta
[Photoshop] Como Redimensionar Imagem da maneira correta
há 2 anos
como alterar a largura e altura da imagem no word - passo a passo
como alterar a largura e altura da imagem no word - passo a passo
há 2 anos
Como Reduzir Tamanho e Dimensão de Imagens - Gratuito e Online
Como Reduzir Tamanho e Dimensão de Imagens - Gratuito e Online
há 1 ano
#7 - Síntaxe Markdown: Shields.io
#7 - Síntaxe Markdown: Shields.io
há 2 anos
« Anterior
Próximo »
Esta pergunta tem 1 resposta em inglês, para as ler iniciar sessão à sua conta.
 Tieme
Tieme
7º fevereiro 2013 в 9:26
2013-02-07T09:26:18+00:00
Mais
Fonte
Editar
#18404309

Você poderia apenas usar um pouco de HTML no seu Markdown:

<img src="drawing.jpg" alt="drawing" width="200"/>

Ou através do atributo estilo (não suportado por GitHub)

<img src="drawing.jpg" alt="drawing" style="width:200px;"/>

Ou você pode usar um arquivo CSS personalizado, como descrito nesta resposta em https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055.

![drawing](drawing.jpg)

CSS em outro arquivo:

img[alt=drawing] { width: 200px; }
 Tieme
Tieme
Resposta editada :em
870
0
Steven Penny
Steven Penny
4º fevereiro 2013 в 8:51
2013-02-04T08:51:32+00:00
Mais
Fonte
Editar
#18404308

Se você está usando kramdown, você pode fazer isso:

{:.foo}
![drawing](drawing.jpg)

Depois adicione isto ao seu CSS personalizado:

.foo {
  text-align: center;
  width: 100px;
}
Peter Mortensen
Peter Mortensen
Resposta editada :em
14
0
 rriemann
rriemann
16º novembro 2013 в 10:18
2013-11-16T22:18:37+00:00
Mais
Fonte
Editar
#18404310

Também podias usar este com o Kramdown:

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

ou

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

Desta forma, você pode adicionar diretamente atributos arbitrários ao último elemento html. Para adicionar classes existe um atalho **.class.secondclass***.

Majid Golshadi
Majid Golshadi
Resposta editada :em
6
0
Adicionar pergunta
Categorias
Todos
Tecnologia
Cultura / Recreação
Vida / Artes
Ciência
Profissional
Negócios
Utilizadores
Todos
Novo
Popular
1
Роман Азаров
Registrado há 4 dias
2
Mansur Zakirov
Registrado há 6 dias
3
Тагир Мамедов
Registrado há 1 semana
4
Алексей Толманов
Registrado há 1 semana
5
Valeriu Vodnicear
Registrado há 2 semanas
DE
EL
ES
FR
ID
IT
JA
NL
PT
TR
UK
ZH
© kzen.dev 2023
Fonte
stackoverflow.com
sob licença cc by-sa 3.0 com atribuição