Bazı div'lerin merkeze yerleştirilmesi ve aynı zamanda içerik genişliklerine sığması gerekiyor .
Şimdi bunu şöyle yapıyorum:
.mydiv-centerer{
text-align: center;
.mydiv {
background: none no-repeat scroll 0 0 rgba(1, 56, 110, 0.7);
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 5px #0099FF;
color: white;
margin: 10px auto;
padding: 10px;
text-align: justify;
width: -moz-fit-content;
}
}
Şimdi, son komut olan "width: -moz-fit-content;" olduğu tam olarak neye ihtiyacım!
Tek sorun .. sadece Firefox'ta çalışıyor.
"Display: inline-block;" ile de denedim . , ancak bu div'lerin div'ler gibi davranmasına ihtiyacım var. Yani, her bir sonraki div, öncekinin altında olmalı ve satır içi olmamalıdır .
Olası bir çapraz tarayıcı çözümü biliyor musunuz?