数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言程序设计
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理
社会研究
时尚研究
法律研究如何用浮动图片 in HTML page?
要在 HTML 中使用浮动图片，请使用 CSS 属性 float。它允许你使图像向左或向右浮动。更多属性值包括以下内容
| 序号 | 属性值和说明 |
|---|---|
| 1 | none |
| 2 | left |
| 3 | right |
| 4 | initial |
示例
你可以尝试运行以下代码，以便在 HTML 中使用浮动图片。以下是 float right 和 float left CSS 属性的用法
<!DOCTYPE html> <html> <head> <title>HTML Floating Image</title> </head> <body> <h1>Float Right</h1> <p>The below image floats to the right.</p> <p> <img src="https://tutorialspoint.com/green/images/logo.png" style="float:right" width="190" height="84" /> This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p> <h1>Float Left</h1> <p>The below image floats to the left.</p> <p> <img src="https://tutorialspoint.com/green/images/logo.png" style="float:left" width="190" height="84" /> This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p> </body> </html>
输出
更新日期：2021 年 12 月 22 日
20K+ 浏览
广告