如何把图片放在左边或右边在HTML里

如何把图片放在左边或右边在HTML里,第1张

1、创建html文件。

2、设置页面背景颜色。

3、接下来开始创建段落一。

4、引入图片设置图片大小并设置图片浮动至段落的左边。

5、创建段落二。

6、引入图片设置图片大小并设置图片浮动至段落的右边。

7、预览效果如图。

<body style="background:blackmargin:0padding:0">

<div style="display:flex">

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

</div>

</body>

<div><img src="1.jpg" style="float:left"><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p></div>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/8335288.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存