Question

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

Answer 1

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

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

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

<div style="background: url(small2.png); height: 60px;">

<span style="position: absolute;right: 10px;">123</span>

</div>

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

Answer 2

用相对位置；举个例子
<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>
这样的话文字就会显示在图片的右上角

Answer 3

<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>

Answer 4

给图片设置 vertical-align:top;

追问

可以把代码弄一下给我吗？

Answer 5

使用绝对定位应该可以解决

追问

可以发代码给我吗