如何在精确位置显示HTML元素?

时间:2010-09-17 07:24:54

标签: html tags coordinates

我的问题几乎是愚蠢的,因为我认为我知道答案,但我想确定。是否存在能够将标记放在特定位置的机制。我的意思是,我可以设置标签的坐标X和Y.也许这个特定的标签应该放在一个特殊的父标签中?

你知道另一种方法吗?

一个例子应该是这样的:

<html>
  <body>
    <div id="container" >
      <img src="..."  x="40" y="0" />
      <img src="..."  x=70" y ="10"/>
         ....
    </div>
   ....

非常感谢你的关注,

蝙蝠

2 个答案:

答案 0 :(得分:4)

好吧,如果你想把一个元素放在页面的特定位置,你可以在CSS中给它position: absolute,以及它相对于位置值为{的最后一个父元素的位置。 {1}}或relative

例如,使用此HTML

absolute

可以使用此CSS

从页面的顶部和左侧放置100px
<div id="square"></div>

鉴于你的例子,不,不完全。您可以使用#square { width: 100px; height: 100px; position: absolute; top: 100px; left: 100px; } 属性获得相同的效果:

style

假设<div id="square" style="top: 100px; left: 100px;"></div> 已经从样式表中应用了#square。然而,如果您将其合并到样式表中是最好的,因为内容和表示应该是分开的。

答案 1 :(得分:1)

您可以通过CSS进行绝对定位。见http://css-discuss.incutio.com/wiki/Absolute_Layouts