5.00 / 1 oy

CSS ile Display Flex içinde ortalama yapmak

CSS ile display:flex olarak ayarlanmış bir div içindeki öğeleri ortalamak istediğinizde text-align:center çalışmıyor olacaktır çünkü flex container'lar için hizalama işlemlerinde aşağıdaki css betimleyicilerini kullanmanız gerekir:

<head>
	<meta charset="utf-8">
	<title>CSS Uygulamaları</title>
	
	<style>
		.flexortala {display: flex; align-items: center; justify-content: center;}
	</style>
</head>

<body>
	<div class="flexortala">
		<p>Yazı test</p>
	</div>
</body>

Sonuç olarak yazı test yazısı sayfada ortalanmış olarak görünecek:

css flex ortalama

BasParmak

11.06.2020 20:36

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
CSS ile Display Flex içinde ortalama yapmak

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.