我有任務寫一個字段包含在隨機字段位置的正方形的遊戲。點擊方塊後,它應該「死亡」(然後產生0-2個新方格),並且玩家提高他的得分。我的框架是Bootstrap。 主要的東西 - 不使用畫布(正方形應該是簡單的HTML元素) 什麼HTML元素可以用於方形元素? 也許這是簡單的表單元格是正方形作爲正方形的HTML元素
回答
只需使用<div>
並使用CSS進行設計。例如,
div.square
{
height: 50px;
width: 50px;
border: 1px solid black;
position: absolute;
}
對於所有其他的東西,比如死亡,重生,使用JavaScript。您可以通過動態設置left
和top
CSS屬性爲隨機值來定位它。
但我需要在一行上找到一些方塊,並且div是塊元素 – Sharky
你的問題說你在一個場上隨機產卵。我想我不明白你想做什麼。 – OldBunny2800
我需要在容器中隨機產生方塊(隨機位置)。我如何使用div如果它是一個塊元素?正方形可以定位在一條線上 – Sharky
試試這個:
.square {
\t \t border: 1px solid red;
\t \t height: 100px;
\t \t width: 100px;
\t \t margin:0 auto;
\t \t }
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
</head>
<body>
\t <div class="square"></div>
</body>
</html>
我應該使用什麼元素作爲正方形? – Sharky
- 1. 矩形作爲QML中的根元素
- 2. HTML元素的ID作爲JavaScript變量
- 3. 「元素風格不允許作爲元素形式的孩子」
- 4. 正方形單元GridPane正方形單元
- 5. HTML 5 - 動態元素作爲圖層
- 6. 將HTML元素值作爲PHP變量
- 7. 檢測有效的隱形HTML元素
- 8. 將jquery元素轉換爲html元素
- 9. 當使用LXML爲什麼正文元素不是這個html元素的表格元素的父元素
- 10. 排列外節點作爲正方形
- 11. 在html/css中創建眉形元素
- 12. EMGU中矩陣的元素方形CV
- 13. 什麼是通過JavaScript引用HTML元素的正確方法?
- 14. 正確的方式來包含使用HTML/CSS浮動元素?
- 15. 的HTML元素
- 16. 製作4個方塊的正方形
- 17. 如何爲隱形HTML元素定義一個accesskey
- 18. 縮放HTML元素的最佳方法
- 19. 創建HTML元素的最快方法?
- 20. 將正方形轉換爲畫布中的圓圈html
- 21. 元素行爲不正確
- 22. 強制FloatLayout爲正方形?
- 23. PHP:傳遞表格行作爲隱藏元素的形式
- 24. 如何正確地複製/克隆DOM元素,然後將其作爲HTML元素粘貼/插入到Angular.js中?
- 25. FA字形只顯示爲正方形
- 26. 刪除無父元素的HTML元素
- 27. 使用Javascript在MouseOver上方顯示其他元素上方的Html元素
- 28. 爲什麼angular2表單與HTML <form>元素無法正確工作?
- 29. 如何製作一個隨機大小的圖像元素正方形和響應(%寬度而不是像素)?
- 30. 如何在允許任何HTML元素作爲子元素的XML模式中創建元素?
或許是肯定的。它可以是你喜歡的每一個元素。 –