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

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

93,425 zapytań

142,421 odpowiedzi

322,646 komentarzy

62,786 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

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...