html怎样在图片右侧写文字
发布网友
发布时间：2022-03-09 02:49
共5个回答
懂视网
时间：2022-03-09 07:11
产品型号：华为p40，iPhone 12，小米10
操作系统：EMUI 11.0，IOS 15.2，MIUI12
在图片上添加文字可通过手机自带的相册编辑功能来解决，具体操作步骤如下：
华为手机：
1、首先打开手机上的图库，选择需要编辑的照片。
2、然后点击下方编辑，进入界面点击右下角更多。
3、接着点击标注，选择喜欢的模板。
4、点击图片编辑文字，点击右下角勾完成编辑。
5、最后点击右上角保存，另存即可。
小米手机：
1、首先打开手机上的相册选择需要编辑的图片。
2、然后进入下方编辑，左划找到文字进入。
3、最后点击图片编辑文字，点击右下角的勾即可。
苹果手机：
1、首先打开苹果手机的照片应用，选择需要编辑的图片。
2、进入后点击右上方的编辑选项。
3、然后点击右上角图标进入。
4、接着点击右下角图标，在弹窗中选择文本。
5、最后点击图片编辑文字，点击右上角完成即可。
总结
华为手机：
1、首先打开手机上的图库，选择需要编辑的照片。
2、然后点击下方编辑，进入界面点击右下角更多。
3、接着点击标注，选择喜欢的模板。
4、点击图片编辑文字，点击右下角勾完成编辑。
5、最后点击右上角保存，另存即可。
小米手机：
1、首先打开手机上的相册选择需要编辑的图片。
2、然后进入下方编辑，左划找到文字进入。
3、最后点击图片编辑文字，点击右下角的勾即可。
苹果手机：
1、首先打开苹果手机的照片应用，选择需要编辑的图片。
2、进入后点击右上方的编辑选项。
3、然后点击右上角图标进入。
4、接着点击右下角图标，在弹窗中选择文本。
5、最后点击图片编辑文字，点击右上角完成即可。
热心网友
时间：2022-03-09 04:19
1、首先先准备图片素材和文字语言。
2、添加CSS样式修饰，最外面的大框添加宽度居中。
3、现在的图文是这样排版。
4、想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后。
5、如图添加浮动后，文字部分因为文字太长超出了他所用那的范围，所以被挤到到了下行的右侧。
6、这时候，将文字区域设置下宽度，不让他超过最大范围就行了，如图设置宽度为450px。
7、然后再预览效果图，就完美解决了。
热心网友
时间：2022-03-09 05:37
利用元素浮动可以实现您需要的功能。这个我写的演示代码，供参考。
<!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>
显示结果：
热心网友
时间：2022-03-09 07:11
热心网友
时间：2022-03-09 09:03
