html中,要让文字浮动到图片的右上部分,该怎么做?

发布网友发布时间：2022-04-29 17:42

我来回答

共5个回答

热心网友时间：2022-04-20 18:23

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：

</div>

3、浏览器运行index.html页面，此时文字成功浮动到了图片右上方了。

热心网友时间：2022-04-20 19:41

用相对位置；举个例子
<div style="width:100px; hei:100px; position:relative;">
<img src="pico1.jpg" style="width:100px;">

<span style="position:absolute; right:0px; top:0px;">文字</span>

</div>
这样的话文字就会显示在图片的右上角

热心网友时间：2022-04-20 21:15

<div style="width:640px;height:480px;background:url('http://img.pconline.com.cn/images/upload/upc/tx/wallpaper/1205/16/c0/11642219_1337167451467.jpg') no-repeat center;text-align:right;">
风轻轻吹过我的脸庞~~~~~~
</div>

热心网友时间：2022-04-20 23:07

给图片设置 vertical-align:top;追问可以把代码弄一下给我吗？

热心网友时间：2022-04-21 01:15

使用绝对定位应该可以解决追问可以发代码给我吗