如何在精確位置顯示HTML元素？

我的問題幾乎是愚蠢的，因爲我想我知道答案，但我想確定。它是否存在能夠在特定位置放置標籤的機制？我的意思是，我可以設置標籤的座標X和Y.也許這個特定的標籤應該放在一個特殊的父標籤中？如何在精確位置顯示HTML元素？

你知道另一種方法嗎？

一個例子應該是這樣的：

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

非常感謝您的關注，

蝙蝠

來源

2010-09-17 user376112

沒有在HTML笛卡爾座標的概念......它只是一個文檔樹。 – BoltClock 2010-09-17 07:26:24

你想移動一個標籤或一個html元素嗎？ – lock 2010-09-17 07:27:17

你能給我們一個示例代碼並解釋你想要達到的目標嗎？把什麼地方放在什麼地方？ – 2010-09-17 07:27:23

好吧，如果你想要一個元素放置在特定的位置上頁面，你可以在CSS中給它position: absolute，以及它相對於位置值爲relative或absolute的最後一個父元素的位置。

例如，對於這個HTML

<div id="square"></div>

可放置100像素離上邊和左邊的頁面與此CSS

#square { 
    width: 100px; 
    height: 100px; 
    position: absolute; 
    top: 100px; 
    left: 100px; 
}

鑑於你的榜樣，不，不完全。您可以使用style屬性因爲雖然同樣的效果：

<div id="square" style="top: 100px; left: 100px;"></div>

假設#square施加有position: absolute從樣式表了。不過，如果您將其納入樣式表中，則最好將內容與演示文稿分開。

來源

2010-09-17 07:29:00

謝謝。這是我想要的... – user376112 2010-09-17 07:45:12

你可以通過CSS做絕對定位。見http://css-discuss.incutio.com/wiki/Absolute_Layouts

來源

2010-09-17 07:30:26 AlcubierreDrive

如何在精確位置顯示HTML元素？

回答

相關問題