"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > ¿Cómo puedo hacer que el texto envuelva una imagen usando HTML y CSS?

¿Cómo puedo hacer que el texto envuelva una imagen usando HTML y CSS?

Publicado el 2025-02-16
Navegar:841

How Can I Make Text Wrap Around an Image Using HTML and CSS?

envolviendo texto alrededor de una imagen usando html/css

pregunta:

¿puede diseñar que pueda diseñar puede diseñar un bloque de texto para envolver una imagen como esta:

[imagen de texto envolviendo una imagen]

respuesta:

Sí, esto, esto es posible flotando el contenedor de imagen.

html:

css:

#container{
    width: 400px;
    background: yellow;
}
#floated{
    float: left;
    width: 150px;
    background: red;
}

explicación:

  • el #container div define los límites del texto y la imagen.
  • el #floated Div contiene el texto que envolverá la imagen.
  • la propiedad flotante: izquierda en el #floated div hace que flote a la izquierda del contenedor.
  • la propiedad de ancho en el #floated div define cuán ancho El texto será.

en vivo Ejemplo:

[jsfiddle] (http://jsfiddle.net/kydgl/)

Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3