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

ตำแหน่งหมายถึงตำแหน่งขององค์ประกอบที่สัมพันธ์กับคอนเทนเนอร์โดยทั่วไปอยู่บนแกนแนวนอนและแนวตั้ง

26
ดึงตำแหน่ง (X, Y) ขององค์ประกอบ HTML ที่สัมพันธ์กับหน้าต่างเบราว์เซอร์
ฉันต้องการทราบวิธีรับตำแหน่ง X และ Y ขององค์ประกอบ HTML เช่นimgและdivใน JavaScript ที่สัมพันธ์กับหน้าต่างเบราว์เซอร์
1567 javascript  html  css  dom  position 

8
วิธีซ้อนทับ div หนึ่งกับ div อื่น
ฉันต้องการความช่วยเหลือเกี่ยวกับการซ้อนทับคนใดคนหนึ่งมากกว่าบุคคลอื่นdivdiv รหัสของฉันมีลักษณะเช่นนี้: <div class="navi"></div> <div id="infoi"> <img src="info_icon2.png" height="20" width="32"/> </div> แต่น่าเสียดายที่ผมไม่สามารถรังdiv#infoiหรือภายในครั้งแรกimgdiv.navi มันต้องแยกกันสองอันdivดังที่แสดงไว้ แต่ฉันต้องรู้ว่าฉันจะวางส่วนdiv#infoiบนdiv.naviและด้านขวาสุดdiv.naviได้อย่างไร
958 html  css  position  overlay 

23
ตำแหน่งคงที่ แต่สัมพันธ์กับคอนเทนเนอร์
ฉันพยายามที่จะแก้ไขdivดังนั้นมันมักจะติดที่ด้านบนของหน้าจอโดยใช้: position: fixed; top: 0px; right: 0px; อย่างไรก็ตามdivอยู่ภายในคอนเทนเนอร์กึ่งกลาง เมื่อฉันใช้position:fixedมันแก้ไขความdivสัมพันธ์กับหน้าต่างเบราว์เซอร์เช่นมันขึ้นทางด้านขวาของเบราว์เซอร์ แต่ควรได้รับการแก้ไขโดยสัมพันธ์กับคอนเทนเนอร์ ฉันรู้ว่าposition:absoluteสามารถนำมาใช้ในการแก้ไขปัญหาเป็นองค์ประกอบเทียบกับแต่เมื่อคุณเลื่อนหน้าเว็บลงหายไปองค์ประกอบและไม่ติดไปด้านบนเช่นเดียวกับdivposition:fixed มีการแฮ็กหรือวิธีแก้ปัญหาเพื่อให้บรรลุนี้


7
Git alias พร้อมพารามิเตอร์ตำแหน่ง
โดยทั่วไปฉันพยายามนามแฝง: git files 9fa3 ... เพื่อรันคำสั่ง: git diff --name-status 9fa3^ 9fa3 แต่ดูเหมือนว่า git จะไม่ผ่านพารามิเตอร์ตำแหน่งไปยังคำสั่ง alias ฉันเหนื่อย: [alias] files = "!git diff --name-status $1^ $1" files = "!git diff --name-status {1}^ {1}" ... และอีกสองสามคน แต่สิ่งเหล่านี้ไม่ได้ผล กรณีเลวจะเป็น: $ git echo_reverse_these_params a b c d e e d c b a ... ฉันจะทำงานนี้ได้อย่างไร


15
ทำให้ div ในตำแหน่งที่แน่นอนขยายความสูง div parent
ที่คุณสามารถดูใน CSS ดังต่อไปนี้ผมต้องการที่จะวางตำแหน่งตัวเองก่อนchild2 child1นี่เป็นเพราะเว็บไซต์ที่ฉันกำลังพัฒนาควรทำงานบนอุปกรณ์มือถือซึ่งchild2ควรจะอยู่ด้านล่างเนื่องจากมีการนำทางที่ฉันต้องการด้านล่างเนื้อหาบนอุปกรณ์มือถือ - ทำไมถึงไม่ใช่มาสเตอร์เพจ 2 เพจ นี่เป็นเพียง 2 รายการเท่านั้นdivsที่มีการจัดตำแหน่งใหม่ใน HTML ทั้งหมดดังนั้นมาสเตอร์เพจ 2 รายการสำหรับการเปลี่ยนแปลงเล็กน้อยนี้จึงเป็น overkill HTML: <div id="parent"> <div class="child1"></div> <div class="child2"></div> </div> CSS: parent { position: relative; width: 100%; } child1 { width: auto; margin-left: 160px; } child2 { width: 145px; position: absolute; top: 0px; bottom: 0px; } …

4
การจัดตำแหน่ง SVG
ฉันกำลังเล่นกับ SVG และกำลังมีปัญหาเล็กน้อยกับการวางตำแหน่ง ฉันมีชุดของรูปร่างที่อยู่ในgแท็กกลุ่ม ฉันหวังว่าจะใช้มันเหมือนภาชนะดังนั้นฉันจึงสามารถกำหนดตำแหน่ง x ได้จากนั้นองค์ประกอบทั้งหมดในกลุ่มนั้นก็จะเคลื่อนไหวเช่นกัน แต่ดูเหมือนจะเป็นไปไม่ได้ คนส่วนใหญ่ไปเกี่ยวกับการวางตำแหน่งกลุ่มองค์ประกอบที่คุณต้องการย้ายควบคู่อย่างไร มีแนวคิดเรื่องการวางตำแหน่งสัมพัทธ์หรือไม่? เช่นที่สัมพันธ์กับผู้ปกครอง
203 svg  position  grouping 

11
วิธีตั้งค่า JFrame ให้ปรากฏกึ่งกลางโดยไม่คำนึงถึงความละเอียดของจอภาพ [ปิด]
ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้นี้ ปิดให้บริการใน8 เดือนที่ผ่านมา ปรับปรุงคำถามนี้ ในขณะที่ทำงานกับ Java ฉันพบว่ามันยากที่จะวางตำแหน่งหน้าต่างหลักในกึ่งกลางของหน้าจอเมื่อฉันเริ่มแอปพลิเคชัน มีวิธีใดที่ฉันสามารถทำได้? ไม่จำเป็นต้องอยู่กึ่งกลางแนวตั้งการวางแนวนอนเป็นเป้าหมายที่สำคัญสำหรับฉัน แต่การจัดตำแหน่งแนวตั้งก็ยินดีต้อนรับ
197 java  swing  jframe  position 

8
กำหนดตำแหน่งที่แน่นอนของมุมมอง
เป็นไปได้ไหมที่จะกำหนดตำแหน่งที่แน่นอนของมุมมองใน Android? (ฉันรู้ว่ามีAbsoluteLayoutแต่มันเลิก ... ) ตัวอย่างเช่นถ้าฉันมีหน้าจอ 240x320px ฉันจะเพิ่มอันImageViewที่ 20x20px ได้อย่างไรว่าจุดศูนย์กลางอยู่ที่ตำแหน่ง (100,100)

11
RecyclerView - รับมุมมองเฉพาะตำแหน่ง
ฉันมีกิจกรรมกับหนึ่งและRecyclerView ImageViewฉันใช้ปุ่มRecyclerViewเพื่อแสดงรายการภาพในแนวนอน เมื่อฉันคลิกบนภาพในนั้นในกิจกรรมที่ควรจะแสดงภาพขนาดใหญ่ของภาพ จนถึงทุกอย่างทำงานได้ดีRecyclerViewImageView ขณะนี้มีอีกสองImageButtonsกิจกรรม: และimageButton_left imageButton_rightเมื่อฉันคลิกimageButton_leftที่ภาพในImageViewควรเลี้ยวซ้ายและภาพขนาดย่อในRecyclerViewควรสะท้อนถึงการเปลี่ยนแปลงนี้ imageButton_rightที่คล้ายกันเป็นกรณีที่มี ImageViewฉันสามารถที่จะหมุน แต่ฉันจะหมุนรูปย่อในRecyclerView? ฉันจะรับViewHolderของได้ImageViewอย่างไร รหัส: กิจกรรม XML: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v7.widget.RecyclerView android:id="@+id/recyclerview" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:orientation="vertical"> <ImageView android:id="@+id/original_image" android:layout_width="200dp" android:layout_height="200dp" android:scaleType="fitXY" android:src="@drawable/image_not_available_2" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:gravity="center_horizontal" android:orientation="horizontal"> <ImageButton android:id="@+id/imageButton_left" android:layout_width="wrap_content" …

9
CSS3 box-sizing: margin-box; ทำไมจะไม่ล่ะ?
ทำไมเราไม่ได้box-sizing: margin-box;? โดยปกติเมื่อเราใส่box-sizing: border-box;สไตล์ชีทของเราเราหมายถึงอดีต ตัวอย่าง: สมมติว่าฉันมีเลย์เอาต์หน้าคอลัมน์ 2 ทั้งสองคอลัมน์มีความกว้าง 50% แต่พวกมันดูน่าเกลียดเพราะไม่มีรางน้ำ (ช่องว่างตรงกลาง); ด้านล่างนี้คือ CSS: .col2 { width: 50%; float: left; } ในการใช้รางน้ำคุณอาจคิดว่าเราสามารถกำหนดระยะห่างที่เหมาะสมในคอลัมน์แรกของ 2 คอลัมน์; บางสิ่งเช่นนี้ .col2:first-child { margin-right: 24px; } แต่สิ่งนี้จะทำให้คอลัมน์ที่สองตัดเข้าบรรทัดใหม่เนื่องจากสิ่งต่อไปนี้เป็นจริง: 50% + 50% + 24px > 100% box-sizing: margin-box;จะแก้ปัญหานี้โดยรวมส่วนต่างในความกว้างที่คำนวณได้ขององค์ประกอบ ฉันจะพบว่ามีประโยชน์มากถ้าไม่ได้มีประโยชน์มากกว่าbox-sizing: border-box;นี้
139 css  layout  position  w3c 

5
ลอยไปทางขวาและตำแหน่งสัมบูรณ์ไม่ทำงานร่วมกัน
ฉันต้องการ div จะเสมอที่ด้านขวาของ div float:rightแม่ของมันดังนั้นฉันใช้ มันได้ผล. แต่ฉันยังต้องการให้มันไม่ส่งผลกระทบต่อเนื้อหาอื่น ๆ เมื่อแทรกดังนั้นฉันจึงใช้position:absolute. ตอนนี้ใช้float:rightไม่ได้ div ของฉันจะอยู่ทางซ้ายของ div หลักเสมอ ฉันจะย้ายไปทางขวาได้อย่างไร?
126 css  css-float  position 

5
วาง 'div' ไว้ตรงกลางหน้าจอแม้ว่าหน้าจะเลื่อนขึ้นหรือลง?
ฉันมีปุ่มในหน้าของฉันซึ่งเมื่อคลิกแล้วจะแสดงdiv(รูปแบบป๊อปอัป) ที่กลางหน้าจอของฉัน ฉันใช้ CSS ต่อไปนี้เพื่อdivจัดกึ่งกลางตรงกลางหน้าจอ: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } CSS นี้ทำงานได้ดีตราบเท่าที่ไม่ได้เลื่อนหน้าลง แต่ถ้าฉันวางปุ่มที่ด้านล่างของหน้าเมื่อคลิกปุ่มdivจะแสดงที่ด้านบนและผู้ใช้ต้องเลื่อนขึ้นเพื่อดูเนื้อหาของไฟล์div. ฉันต้องการทราบวิธีแสดงdivตรงกลางหน้าจอแม้ว่าจะเลื่อนหน้าไปแล้วก็ตาม
126 html  css  scroll  position  centering 

7
รับตำแหน่ง / ออฟเซ็ตขององค์ประกอบที่สัมพันธ์กับคอนเทนเนอร์หลักหรือไม่
ฉันเคยทำงานกับ jQuery ในโครงการปัจจุบันของฉัน แต่ฉันใช้ zepto.js Zepto ไม่มีposition()วิธีการเหมือนที่ jQuery ทำ Zepto มาพร้อมกับoffset()ไฟล์. มีความคิดอย่างไรที่ฉันจะเรียกค่าออฟเซ็ตของคอนเทนเนอร์ที่สัมพันธ์กับพาเรนต์ด้วย pure js หรือกับ Zepto
125 position  offset  zepto 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.