Fixed bir Div'i Nasıl ortalarız?

Anonim 1854 gün önce

694 defa görüntülendi ve 4 kişi tarafından değerlendirildi

Merhaba,

Benim bir <div class="header"></div> isimli header elementim var. Bu Sticky şekilde yukarıda duruyor. Ancak width: 100% gibi bir değer vermek istemiyorum. Onun yerine tam ortalı bir şekilde durmasını istiyorum.

İçerik dinamik olarak değişiyor. Acaba bunu nasıl yapabilirim?

Şimdiden cevaplayan herkese teşekkürler :)

css

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

ymzemre

1853 gün önce

position: sticky;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);

#000006

tayfunerbilen

1853 gün önce

Tam olarak şöyle;

<div class="fixed">
	Hello PROTOTURK
</div>

<style>
.fixed {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	background: red;
}
</style>

burada olay soldan 50% verip translate(-50%) diyerek dinamik genişliği olan bir alanı ortalamak :)

#000005