Miért nem teszi középre a képet (Html) ?
Nemrég kezdtem, szóval lehet hülyeséget kérdezek.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cities: Skylines</title>
</head>
<body style = "background-color: #F9F9F9">
<h1 style = "text-align: center">Cities: Skylines</h1>
<img src = "cities.skylines.jpg" style = "width: 500px; height: 400px; text-align: center">
<p style ="text-align: center;">Egyesek szerint a Cities: Skylines a legjobb városépítő játéksorozat jelenleg a piacon és én teljes mértékben egyetértek velük. A 2015-ben megjelent játék első része sokkal inkább szimuálció, mint egy SimCity-hez hasonló árkád játékmenet.</p>
</body>
</html>
válasza:A text-align szöveget igazít, nem képet.
Igazítsd középre margin autoval vagy justify-conenttel.
válasza:Kezdjük ott, hogy a text-align az adott elem gyermek szöveget helyezi középre, nem magát az elemet és semmiképp nem a képet.
Tedd bele a képet egy DIV-be és arra tegyél egy margin: auto-t, vagy használj flex-et.
Tedd be egy konténerbe így:
<div class="image-container">
<img src="your-image.jpg" alt="Image Description">
</div>
És az image-container osztály legyen text-align: center
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!