«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как сделать текст обертывания вокруг изображения с помощью HTML и CSS?

Как сделать текст обертывания вокруг изображения с помощью HTML и CSS?

Опубликовано в 2025-02-16
Просматривать:160

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

обертывание текста вокруг изображения с использованием html/css

obster:

может дизайн. Блок текста, чтобы обернуть вокруг изображения, подобного следующему:

[изображение текста, обернутое вокруг изображения]

answer:

да, это возможно путем плавания контейнера изображения.

html:

css:

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

объяснение:

  • #container div определяет границы текста и изображения. это оборачивается вокруг изображения.
  • float: Left Left Left Ot #Floated Div заставляет его плавать слева от контейнера. Текст будет.
  • живой пример:

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

Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3