CSS - wyśrodkowanie elementu.

0

Witam,
Temat może i nudny ale w "całym necie" mogę znaleźć jak wyśrodkować jeden element albo text.
Temat jest taki. Stronę mam podzieloną na dwie części i w jednej z nich usiłuję wyśrodkować trzy elementy. tzn, by trzy przyciski były rozłożone równomiernie.
Kod jest taki:

echo "<div class = 'rightPartPrzyciski'>";
echo "<button class='button buttonDane' onclick='szczegoly()'>Szczegóły</button>";
echo "<button class='button buttonDane' onclick='opis()'>Opis</button>";
echo "<button class='button buttonDane' onclick='kontakt()'>Kontakt</button>";
echo "</div>";

Natomiast w css

.rightPartPrzyciski{
padding: 5px;
}
 .button {
  background-color: #fde910; 
  border: none;
  border-radius: 5px;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
}
.buttonDane {
	background-color: #fde910;
	margin-left: 55px;
	}

Wyśrodkowanie tych elementów za pomocą "margin-left" jest nie najlepszym rozwiązaniem, gdyż każda zmiana szerokości wyszukiwarki wymusza zmianę kodu. Znacie jakieś inne rozwiązania?

0
  1. Co to znaczy wyśrodkować oraz rozłożone równomiernie?
  2. Na szerokość czy wysokość?
  3. Chcesz dostosować ich wymiary tak, aby wszystkie miały jednakowe czy/oraz chcesz dostosować marginesy?
0

Sprawdź sobie połączenie atrybutów display: flex z justify-content: center albo justify-content: space-between na kontenerze zawierającym te przyciski. Mogę próbować się domyślać, co masz na myśli, bo generalnie dobrze by było jakbyś sprecyzował co masz na myśli, tak jak @Patryk27 zasugerował

0

Faktycznie, popisałem się elokwencją zadając to pytanie.
Chodzi mi o równomierne rozmieszczenie elementów wewnątrz nadrzędnego diva..
Czyli jak nadrzędny ma 300px szerokości.
To środek pierwszego elementu chciałbym by się znajdował na 50 px; środek drugiego elementu: na 150 px i środek trzeciego elementu na 250 px. Oczywiście jeżeli element nadrzędny zostanie zwężony o połowę to i elementy chciałbym by znajdowały się na 25, 75 i 125 px.

1 użytkowników online, w tym zalogowanych: 0, gości: 1