«absolute» etiketlenmiş sorular

Penceremin ortasına div(ile position:absolute;) bir eleman yerleştirmem gerekiyor . Ama bunu yaparken sorun yaşıyorum çünkü genişlik bilinmiyor . Bunu denedim. Ancak genişlik duyarlı olduğundan ayarlanması gerekir. .center { left: 50%; bottom:5px; } Herhangi bir fikir?

1078 css  css-position  center  absolute 

Bir div'ım var ve yatay olarak ortalanmasını istiyorum - her ne kadar vermeme rağmen margin:0 auto;ortalanmış değil ... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

Göreli yol verildiğinde mutlak yolu almak için bir komut var mı? Örneğin $ satır dir her dosyanın mutlak yolunu içeren istiyorum ./etc/ find ./ -type f | while read line; do echo $line done

160 bash  shell  path  absolute 

Pembe olanın ortasında mavi kap almaya çalışıyorum, ancak vertical-align: middle;bu durumda işi yapmıyor gibi görünüyor . <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> Sonuç: Beklenti: Lütfen bunu nasıl başarabileceğimi önerin. Jsfiddle

146 html  css  vertical-alignment  absolute 

Bazı kaplarım var ve çocukları yalnızca mutlak / göreceli olarak konumlandırılmış. Çocuklarının içinde olması için kapların yüksekliği nasıl ayarlanır? İşte kod: HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div> <!-- I want to have a gap between sections here --> <section id="bar"> <header>bar</header> …

105 html  css  position  height  absolute 

Görünüşe göre position:absolutekullanımda bir öğe justifyContentveya kullanılarak ortalanamaz alignItems. marginLeftCihazın yüksekliğini ve genişliğini algılamak için boyutları kullansa bile tüm cihazlar için aynı şeyi göstermeyen bir geçici çözüm var . bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, bottomNav: { flexDirection: 'row', },

93 position  react-native  flexbox  absolute