HTML-Element als Quadrat

-2

Ich habe Aufgabe, ein Spiel mit einem Feld zu schreiben, das Quadrate in zufälliger Feldposition enthält. Nach dem Anklicken des Quadrats sollte es "sterben" (und dann 0-2 neue Quadrate hervorbringen) und der Spieler erhöht seine Punktzahl. Mein Framework ist Bootstrap. Die Hauptsache - nicht Leinwand (Quadrate sollten einfache HTML-Elemente sein) Was HTML-Element kann ich für quadratische Element verwenden? Vielleicht ist es einfache Tabelle, wo Zellen Quadrate sindHTML-Element als Quadrat

Quelle

2017-08-06 Sharky

Wahrscheinlich ja. Es kann jedes Element sein, das du magst. –

Verwenden Sie einfach eine <div> und style es mit CSS. Zum Beispiel

div.square 
 
{ 
 
    height: 50px; 
 
    width: 50px; 
 
    border: 1px solid black; 
 
    position: absolute; 
 
}

für alle anderen Sachen, wie Sterben und neuzustarten, verwenden JavaScript. Sie können es positionieren, indem Sie die CSS-Eigenschaft left und dynamisch auf einen zufälligen Wert setzen.

Quelle

2017-08-06 12:25:47 OldBunny2800

Aber ich brauche einige Quadrate in einer Zeile und div ist Blockelement – Sharky

Ihre Frage sagt, Sie spawnen an einem zufälligen Ort auf einem Feld. Ich denke, ich verstehe nicht, was du zu tun versuchst. – OldBunny2800

Ich muss Quadrate im Container zufällig (zufällige Position) spawnen. Wie kann ich div verwenden, wenn es ein Blockelement ist? Quadrate können auf einer Linie lokalisieren – Sharky

Try this:

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

Quelle

2017-08-06 12:37:48

Welches Element sollte ich als Quadrat verwenden? – Sharky

HTML-Element als Quadrat

Antwort

Verwandte Themen