• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed margin-left: auto; margin-right: auto; Dlaczego brak reakcji?

HackNation - ogólnopolski hackathon
0 głosów
1,778 wizyt
pytanie zadane 6 września 2018 w HTML i CSS przez icagata Nowicjusz (180 p.)
zamknięte 6 października 2018 przez icagata
<!DOCTYPE HTML>
<html>
<head>
        <meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
		
		<title> Holistic Approach </title>
		
		<meta name="description" content="Learn deeply about the world around us and within us" />
		<meta name="keywords" content="Psychology, science, philosophy, technology" />
		
		<link href="stylew.css" rel="stylesheet" type="text/css" />
		<link href="https://fonts.googleapis.com/css?family=Open+Sans&amp;subset=latin-ext" rel="stylesheet">

		
</head>

<body>
      <div class="wrapper">
	          <div class="header">
			  
			        <div class="logo">
					       Holistic Approach
					</div>
					
			 </div>
	  </div>

</body>

</html>
body
{
      background-color: #303030;
      color: #ffffff;	  
	  font-family: 'Open Sans', sans-serif;
	  font-size: 20px;
	  margin: 0 !important;
}

.wrapper
{
	width: 100%;
}

.header
{
    width: 100%;
    padding:  40px 0;	
}

.logo
{
	width: 450px;
	font-size: 48px;
	margin-left: auto;
	margin-right: auto;
}

 

komentarz zamknięcia: Błąd został znaleziony

5 odpowiedzi

+1 głos
odpowiedź 6 września 2018 przez pablop76 VIP (123,580 p.)
Twój div jest wycentrowany, ale tekst wewnątrz jest przesunięty do lewej, dlatego wydaje Ci się, że kod nie działa. Nie używaj !important to jest zła praktyka. Łamiesz kaskadowość styli. Tylko w ostateczności można użyć tej wartości.
0 głosów
odpowiedź 6 września 2018 przez Bosswell Nałogowiec (36,470 p.)
Ale co chcesz osiągnąć? margin left i right pozycjonują Ci klasę ".logo" w centrum względem headera.
0 głosów
odpowiedź 6 września 2018 przez XezolPL Obywatel (1,530 p.)
Chcesz wyśrodkować .logo na stronie? Nie wiem czemu miało by nie działać popróbuj usunąć improtant w body / dodać important do margin left i rightow, lub ustalić sztywne w body width i height
0 głosów
odpowiedź 6 września 2018 przez Vickul Stary wyjadacz (12,850 p.)
A spróbuj na diva z klasą header ustawić display: flex a w klasie logo justify-content: center oraz align-items: center. Lub drugi sposób position: absolute ustawić top i left po 50% i dodać właściwość transform: translate(-50%, -50%)
0 głosów
odpowiedź 7 września 2018 przez Meffy Użytkownik (730 p.)
Mi twój kod działa poprawnie, logo jest na środku tak jak chciałeś/chciałaś, chociaż jestem początkującym również tak jak i ty, osobiście usunąłbym !important z tego margin w body, tak jak koledzy na dole doradzają. :)

Podobne pytania

0 głosów
2 odpowiedzi 567 wizyt
pytanie zadane 18 lipca 2018 w HTML i CSS przez kubusop Początkujący (420 p.)
0 głosów
2 odpowiedzi 499 wizyt
pytanie zadane 17 grudnia 2016 w HTML i CSS przez Apsik Użytkownik (990 p.)
0 głosów
2 odpowiedzi 458 wizyt
pytanie zadane 12 lutego 2019 w HTML i CSS przez vingilot85 Obywatel (1,150 p.)

93,628 zapytań

142,551 odpowiedzi

323,051 komentarzy

63,133 pasjonatów

Advent of Code 2025

Top 15 użytkowników

  1. 1936p. - dia-Chann
  2. 1916p. - DziarnowskiJ
  3. 1886p. - Łukasz Piwowar
  4. 1841p. - raydeal
  5. 1840p. - Adrian Wieprzkowicz
  6. 1782p. - rucin93
  7. 1640p. - CC PL
  8. 1616p. - Maurycy W
  9. 1588p. - Tomasz Bielak
  10. 1521p. - Michal Drewniak
  11. 1491p. - Rafał Trójniak
  12. 1471p. - rafalszastok
  13. 1444p. - robwarsz
  14. 1257p. - ssynowiec
  15. 1208p. - Mariusz Fornal
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...