คำถามติดแท็ก absolute

ฉันต้องวางองค์ประกอบdiv(พร้อมposition:absolute;) ในใจกลางหน้าต่างของฉัน แต่ผมกำลังมีปัญหาในการทำเช่นนั้นเพราะมีความกว้างไม่เป็นที่รู้จัก ฉันลองสิ่งนี้ แต่จำเป็นต้องปรับเนื่องจากความกว้างตอบสนองได้ .center { left: 50%; bottom:5px; } ความคิดใด ๆ

1078 css  css-position  center  absolute 

ฉันเป็น div และต้องการให้มันอยู่กึ่งกลางแนวนอน - แม้ว่าฉันจะให้มันmargin:0 auto;มันไม่ได้อยู่กึ่งกลาง ... .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 

มีคำสั่งให้ดึงเส้นทางสัมบูรณ์ที่กำหนดเส้นทางสัมพัทธ์หรือไม่? ตัวอย่างเช่นฉันต้องการ $ line มีเส้นทางที่แน่นอนของแต่ละไฟล์ใน dir ./etc/ find ./ -type f | while read line; do echo $line done

159 bash  shell  path  absolute 

ฉันกำลังพยายามหาที่เก็บสีน้ำเงินตรงกลางของสีชมพู แต่ดูเหมือนว่าvertical-align: middle;จะไม่ทำงานในกรณีนั้น <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> ผลลัพธ์: ความคาดหวัง: กรุณาแนะนำว่าฉันจะบรรลุสิ่งนั้นได้อย่างไร Jsfiddle

146 html  css  vertical-alignment  absolute 

ฉันมีตู้คอนเทนเนอร์และลูก ๆ ของพวกเขาอยู่ในตำแหน่งที่แน่นอน / ค่อนข้างสูง จะตั้งความสูงของตู้คอนเทนเนอร์อย่างไรให้ลูก ๆ อยู่ข้างใน? นี่คือรหัส: 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> <article> <div class="one"></div><div></div> <div class="two"></div> </article> </section> CSS article { position: relative; …

105 html  css  position  height  absolute 

มันดูเหมือนว่าจะมีposition:absoluteการใช้งานเป็นองค์ประกอบที่ไม่สามารถใช้เป็นศูนย์กลางหรือjustifyContent alignItemsมีวิธีแก้ปัญหาในการใช้งานmarginLeftแต่ไม่ได้แสดงเหมือนกันสำหรับอุปกรณ์ทั้งหมดแม้จะใช้ขนาดเพื่อตรวจจับความสูงและความกว้างของอุปกรณ์ bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, bottomNav: { flexDirection: 'row', },

93 position  react-native  flexbox  absolute