Diskuse JPW: Tlačítka nejsou pěkně zarovnána

	Autor	Zpráva
	jirka2 Profil	#1 · Zasláno: 13. 5. 2021, 14:52:45 Odpovědět Citovat Ahoj, mám (snad) jednoduchý problém, ale zamotal jsem se a nevím, jak z toho. Mám takovýto kód: <div style='background:lime;height:50px;text-align:center;'> <button style='width:50px;height:50px;'>aaa</button> <button style='width:50px;height:50px;'>bbb<br>ccc</button> </div> Potřeboval bych, aby všechna tlačítka byla zarovnána a vycentrována. Ale jedno tlačítko je vždy posunuté trochu dolů (jaké to záleží na prohlížeči), záleží to na počtu řádků textu v tlačítku. Pokud mají všechna tlačítka stejný počet řádků, je to bezchybné. Kdyby to nebylo potřeba mít vycentrované, dal bych pro tlačítka display:block;float:left; a bylo by to. Takhle však nevím co s tím. Lze to nějak doupravit? Tlačítek může být více a text v nich bude mít maximálně dva řádky. Díky za rady! Jirka
	jirka2 Profil	#2 · Zasláno: 13. 5. 2021, 15:53:47 Odpovědět Citovat Tak jsem to nakonec vyřešil pomocí flex: <div style='display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;background-color:lime;height:50px;'> <button style='width:50px;height:50px;margin:0 4px;'>aaa</button> <button style='width:50px;height:50px;margin:0 4px;'>bbb<br>ccc</button> </div> to by mohlo stačit!
	Kcko Profil	#3 · Zasláno: 13. 5. 2021, 16:18:28 Odpovědět Citovat jirka2: Lze to vyřešit mnoha způsoby, flex je OK. flex-direction:row je zbytečné uvádět, je to výchozí hodnota.
		Časová prodleva: 3 roky

Vaše odpověď

Mohlo by se hodit