• 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?

VPS Starter Arubacloud
0 głosów
1,574 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,180 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 424 wizyt
pytanie zadane 18 lipca 2018 w HTML i CSS przez kubusop Początkujący (420 p.)
0 głosów
2 odpowiedzi 308 wizyt
pytanie zadane 17 grudnia 2016 w HTML i CSS przez Apsik Użytkownik (990 p.)
0 głosów
2 odpowiedzi 258 wizyt
pytanie zadane 12 lutego 2019 w HTML i CSS przez vingilot85 Obywatel (1,150 p.)

92,782 zapytań

141,712 odpowiedzi

320,600 komentarzy

62,114 pasjonatów

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.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...