html怎样在图片右侧写文字

 我来答

4个回答

#热议# 为什么有人显老，有人显年轻？

滟丽00

高粉答主

2019-05-07 · 繁杂信息太多，你要学会辨别

知道答主

回答量：1487

采纳率：0%

帮助的人：25.1万

我也去答题访问个人页

关注

展开全部

1、首先先准备图片素材和文字语言。

2、添加CSS样式修饰，最外面的大框添加宽度居中。

3、现在的图文是这样排版。

4、想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后。

5、如图添加浮动后，文字部分因为文字太长超出了他所用那的范围，所以被挤到到了下行的右侧。

6、这时候，将文字区域设置下宽度，不让他超过最大范围就行了，如图设置宽度为450px。

7、然后再预览效果图，就完美解决了。

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

imqzc
2017-06-11 · TA获得超过3862个赞

知道大有可为答主

回答量：2499

采纳率：82%

帮助的人：390万

我也去答题访问个人页

关注

展开全部

利用元素浮动可以实现您需要的功能。这个我写的演示代码，供参考。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图片右侧写文字</title>
</head>
<body>
<img src="man.jpg" style="float:left">
<div style="float:left;">这里是一些文字1<br>
  这里是一些文字2<br>
  这里是一些文字3<br>
  这里是一些文字4<br>
  这里是一些文字5<br>
</div>
</body>
</html>

显示结果：