html怎样在图片右侧写文字
展开全部
1、首先先准备图片素材和文字语言。
2、添加CSS样式修饰，最外面的大框添加宽度居中。
3、现在的图文是这样排版。
4、想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后。
5、如图添加浮动后，文字部分因为文字太长超出了他所用那的范围，所以被挤到到了下行的右侧。
6、这时候，将文字区域设置下宽度，不让他超过最大范围就行了，如图设置宽度为450px。
7、然后再预览效果图，就完美解决了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
利用元素浮动可以实现您需要的功能。这个我写的演示代码，供参考。
<!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>
显示结果：
更多追问追答
追问
请问怎么同时写多行呀
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先你也可以把它翻成翻成word里面去写文字，然后再把它重新导出来
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个应该是div标签吧，你插入div标签然后在里面写就行了，可以设置位置。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
