0

我正在为电话间隙应用程序设计这个..我想用 html 编码..

我有两个问题..

Q1）如何在图像上的不同位置放置文字？

例如此处给出的图像中的 text1,text2,text3,text4。

Q2）如何将它放在页面的中心。我已经给出了

   <img src="img/img1.png" style="margin-left:5px;" />
   <img align="middle" />

但是，这没有什么区别。

需要指导。请帮助。

在此处输入图像描述

我还有一个疑问……运行程序后……页脚后面有正文的扩展部分……如果向上拖动……你可以看到页眉和页脚之间的正文被延长。它向右移动。编码中有任何错误吗？

4

2 回答 2

1

把它们放在一个 Div 中，然后给这个 Div 一个背景样式；）代码应该是这样的：

<div id='container'> 
 <span> text 1 </span> 
 <span> text 2 </span> 
 <span> text 3 </span>      
 <span> text 4 </span> 
</div>

在CSS中：

#container{background:url(path/to/img) no-repeat scroll 0 0 transparent; background-size:100% 100%; display:block; height:...px; width:...px;}
#container span{width:50%; height:25%;display:block; overflow:hidden;float:left;}

您可以为跨度、颜色等添加边框...

于 2013-04-23T07:55:22.970 回答
1

您可以通过使用 div 和 z-index 包装图像来做到这一点。您的代码应如下所示：

<div style="position:fixed; top:10px; left:5px; z-index:250; width:ofimage; height:of image;">
<span style="display:block; width:30; height:20; margins if you need; float:left">text1</span>
 <span style it accordingly and add float left>text2</span><br>
<spanstyle them as first two>text3</span>
<span>text4</span>

</div>

<img src="your image" style="if any">
于 2013-04-23T08:35:10.580 回答