Yazar Ol Yazar Girişi
Yazar Girişi
E-Posta Adresi
Şifre
Şifremi Unuttum
Asp.Net .Net MVC PHP & MySQL C# PhotoShop CSS jQuery AlgoritmA MsSQL Server HTML Ruby
- Kategoriler -
Türkçe
English
German
Tüm Kategoriler
Css te Ortalama İşlemleri

Eskiden tablolarla yaptığımız işlemleri şimdi css ile yapmaktayız. Fakat div lerde bazen eskiden tablolarda olduğu gibi rahat davranamıyoruz diyecem yalan... css size birçok rahatlık sağlıyor sadece bilmek yeterli.. bu yazıda css ile div leri ve divlerin içindeki yazıları ortalamayı göstereceğim.

öncelikle bir div tagı oluşturalım.

<div id="divortala">
     Bildiklerimiz.net yeni bilgi paylaşım platformu...
</div>

şimdi bu div imiz için id miz "divortala" isminde bunun css kodunu yazalım..

#divortala
 {
   width: 500px;
   margin-right: auto;
   margin-left: auto;
 }

css de öncelikle bu div in genişliğini belirtiyoruz ben 500 px olarak verdim.. sonra geriye kalan sağdan ve soldan bu divi sayfa içerisinde ortalama, bunun için margin-right : auto ve margin-left: auto bu da oluşturmuş olduğumuz 500px lik divortala id sine sahip divimizi sayfa içerisinde ortalamamızı sağlamış oldu.

bir de div için deki yazıları ortalamaya gelelim aynı div tagına üzerinde sadece iç ortalamayı yapalım.

#divortala
 {
  text-align: center;
 }

text-align : center ilgili div in içerisindeki tüm yazıları ortalamanızı sağlar

sağa sola yaslamak için : text-align :justify ;

sadece sağa yaslamak için : text-align:right;

sadece sola yaslamak için : text-align: left;

css kodumuzun son hali 

#divortala
  {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
  }

görüşmek dileğiyle...

www.bildiklerimiz.net 

Sosyal Hesabında Paylaş

2205 görüntüleme

Yorumlar
Adınız Soyadınız
Mail Adresiniz
Doğrulama Kodu

Bildiklerimiz.Net Bildiklerimizi paylaşıyoruz, bilmediklerimizi öğreniyoruz. biz bunları yapıyoruz ya siz...

© 2021 Bildiklerimiz Tüm hakları saklıdır.
bir Bildiklerimiz.Net projesidir.