files - Flujo de texto alrededor de una imagen en(GitHub) Markdown
md files tutorial (4)
El atributo align="right" funciona en GitHub Markdown:
<img align="right" src="doc/subpagelist.png">
Tengo una imagen larga y estrecha que quiero mostrar en la parte superior derecha de un archivo README.md en GitHub. He estado intentando varias cosas para alinearlo correctamente y actualmente tengo
<p align="right">
<img src="doc/subpagelist.png" />
</p>
Esto funciona porque la imagen está alineada en el lado derecho, aunque es bastante inútil ya que todo el contenido que está debajo en la imagen en el archivo Markdown se muestra debajo de la imagen, en lugar de a la izquierda.
¿Hay alguna manera de hacer que el texto fluya alrededor de la imagen (sin deshacerse de encabezados y párrafos)?
En el descuento, puede agregar atributos adicionales a las etiquetas. Por ejemplo, uso esto para lo que pretendes hacer:
{:style="float: right;margin-right: 7px;margin-top: 7px;"}
Funciona para mí ( solo para jekyll, no funciona para github markdown ): Pon el código debajo de tu rebaja de contenido (pongo en la primera línea para una mejor organización)
`` `
<style type="text/css">
.image-left {
display: block;
margin-left: auto;
margin-right: auto;
float: right;
}
</style>
`` `
Y refiere su imagen de la siguiente manera: [](http://www.thiengo.com.br/proguard-android){: .image-left } Your Text comes here...
Toma nota de la clase .image-left además de la url de la imagen.
El resultado final es aquí: Películas del año jekyll github page
Lo que está describiendo es "flotante" de una imagen, lo que permite que el texto fluya a su alrededor. Hay una number de good turtorials sobre flotación en CSS si desea obtener más información sobre este tema. Mientras tanto, para hacer que una imagen flote en Markdown puedes envolver la imagen en un div y flotar ese div usando:
<div style="float: right">
</div>