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

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน2 ปีที่ผ่านมา เมื่อเขียน CSS มีกฎหรือแนวทางเฉพาะที่ควรใช้ในการตัดสินใจว่าจะใช้marginเมื่อไรและควรใช้เมื่อpaddingใด?

2356 css  padding  margin 

อะไรคือความแตกต่างระหว่างมาร์จิ้นดูและแพ็ดดิ้ง

566 android  user-interface  view  padding  margin 

ฉันมีdiv( ผู้ปกครอง ) ที่มีอีกdiv( เด็ก ) Parent เป็นองค์ประกอบแรกที่bodyไม่มีสไตล์ CSS เฉพาะ เมื่อฉันตั้ง .child { margin-top: 10px; } ผลลัพธ์ที่ได้คือด้านบนของลูกของฉันยังคงสอดคล้องกับผู้ปกครอง แทนที่จะเป็นลูกที่ถูกเลื่อนลง 10px ผู้ปกครองของฉันขยับลง 10px ฉันมีการตั้งค่าDOCTYPEXHTML Transitional ฉันหายไปนี่อะไร แก้ไข 1 ผู้ปกครองของฉันต้องมีมิติข้อมูลที่กำหนดอย่างเคร่งครัดเนื่องจากมีพื้นหลังที่จะต้องแสดงใต้ภาพจากบนลงล่าง (พิกเซลสมบูรณ์) ดังนั้นการตั้งระยะขอบในแนวดิ่งบนมันจึงเป็นไปไม่ได้ แก้ไข 2 พฤติกรรมนี้เหมือนกันบน FF, IE และ CR

414 css  xhtml  margin  nested 

ในนี้ , นี้และนี้ด้ายฉันพยายามที่จะหาคำตอบเกี่ยวกับวิธีการตั้งค่าระยะขอบบนมุมมองเดียว อย่างไรก็ตามฉันสงสัยว่าถ้าไม่มีวิธีที่ง่ายกว่านี้ ฉันจะอธิบายว่าทำไมฉันจึงไม่ต้องการใช้วิธีนี้: ฉันมีปุ่มที่กำหนดเองซึ่งขยายปุ่ม หากพื้นหลังถูกตั้งค่าเป็นอย่างอื่นนอกเหนือจากพื้นหลังเริ่มต้น (โดยการเรียกอย่างใดอย่างหนึ่งsetBackgroundResource(int id)หรือsetBackgroundDrawable(Drawable d)) ฉันต้องการให้ระยะขอบเป็น 0 ถ้าฉันเรียกสิ่งนี้ว่า public void setBackgroundToDefault() { backgroundIsDefault = true; super.setBackgroundResource(android.R.drawable.btn_default); // Set margins somehow } ฉันต้องการให้อัตรากำไรขั้นต้นที่จะรีเซ็ต -3dp (ฉันได้อ่านที่นี่วิธีการแปลงจากพิกเซล DP, ดังนั้นเมื่อผมรู้ว่าอัตรากำไรที่ตั้งอยู่ใน px ผมสามารถจัดการแปลงตัวเอง) แต่เนื่องจากสิ่งนี้ถูกเรียกในCustomButtonชั้นเรียนผู้ปกครองอาจแตกต่างจาก LinearLayout ถึง TableLayout และฉันไม่อยากให้เขาได้รับผู้ปกครองของเขาและตรวจสอบตัวอย่างของผู้ปกครองนั้น นั่นจะเป็นสิ่งที่ไม่มีประสิทธิภาพเลยทีเดียว นอกจากนี้เมื่อโทร (โดยใช้ LayoutParams) parentLayout.addView(myCustomButton, newParams)ฉันไม่รู้ว่าสิ่งนี้เพิ่มเข้าไปในตำแหน่งที่ถูกต้อง (ยังไม่ได้ลอง) ให้พูดปุ่มกลางของแถวที่ห้า คำถาม: มีวิธีใดที่ง่ายกว่าในการตั้งค่าระยะขอบของปุ่มเดียวโดยทางโปรแกรมนอกเหนือจากการใช้ LayoutParams? แก้ไข: …

401 android  layout  button  margin 

ฉันพยายามเพิ่มค่ามาร์จิ้นใน div ภายใน div อื่น ทุกอย่างทำงานได้ดียกเว้นค่าสูงสุดดูเหมือนว่าจะถูกละเว้น แต่ทำไม สิ่งที่ฉันคาดหวัง: สิ่งที่ฉันได้รับ: รหัส: #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px 50px 50px; padding: 10px; display: block; } <div id="outer"> <div id="inner"> Hello world! </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล W3Schoolsไม่มีคำอธิบายว่าทำไมมาร์จินจึงมีพฤติกรรมเช่นนี้

321 html  margin  css 

ฉันพยายามใช้ Java ( ไม่ใช่ XML ) เพื่อสร้าง LinearLayout ด้วยปุ่มที่เติมเต็มหน้าจอและมีระยะขอบ นี่คือโค้ดที่ทำงานโดยไม่มีระยะขอบ: LinearLayout buttonsView = new LinearLayout(this); buttonsView.setOrientation(LinearLayout.VERTICAL); for (int r = 0; r < 6; ++r) { Button btn = new Button(this); btn.setText("A"); LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.FILL_PARENT); // Verbose! lp.weight = 1.0f; // This is critical. Doesn't work without …

266 java  android  layout  view  margin 

ฉันมี SVG ที่ฉันพยายามจัดให้อยู่ในกอง div มีความกว้างหรือ 900px SVG มีความกว้าง 400px SVG มีการตั้งค่าระยะขอบซ้ายและระยะขอบขวาเป็นอัตโนมัติ ใช้งานไม่ได้มันแค่ทำหน้าที่ราวกับว่าระยะขอบด้านซ้ายเป็น 0 (ค่าเริ่มต้น) ใครทราบข้อผิดพลาดของฉัน

254 css  layout  svg  positioning  margin 

มีวิธีปิดใช้งานการยุบขอบทั้งหมดหรือไม่ วิธีแก้ปัญหาเดียวที่ฉันพบ (โดยใช้ชื่อ "uncollapsing") เกี่ยวข้องกับการใช้ 1px border หรือ 1px padding ฉันพบสิ่งที่ยอมรับไม่ได้: พิกเซลที่ไม่เกี่ยวข้องนั้นทำให้การคำนวณซับซ้อนขึ้นโดยไม่มีเหตุผลที่ดี มีวิธีที่เหมาะสมกว่าในการปิดใช้งานการยุบขอบนี้หรือไม่

202 css  margin  collapse 

มีคนบอกฉันว่าฉันเขียนผิดไหม ทุกอย่างทำงานได้สิ่งเดียวคือไม่มีขอบที่ด้านบน HTML : <div id="contact_us"> <!-- BEGIN CONTACT US --> <span class="first_title">Contact</span> <span class="second_title">Us</span> <p class="content">For any questions whatsoever please contact us through the following e-mail address:</p></br></br> <p class="e-mail">info@e-mail.com</p></br></br></br></br> <p class="read_more"><a href="underconstruction.html">Read More</a></p> </div> <!-- END CONTACT US --> CSS : span.first_title { margin-top: 20px; margin-left: 12px; font-weight: bold; …

191 css  margin  html 

ฉันต้องการเพิ่มจำนวนการImageViewดูที่ไม่รู้จักลงในเลย์เอาต์ของฉันด้วยระยะขอบ ใน XML ฉันสามารถใช้layout_marginดังนี้: <ImageView android:layout_margin="5dip" android:src="@drawable/image" /> มีแต่ไม่มีImageView.setPadding() ImageView.setMargin()ฉันคิดว่ามันเป็นไปตามแนวของImageView.setLayoutParams(LayoutParams)แต่ไม่แน่ใจว่าจะป้อนอะไรเข้าไป มีใครรู้บ้าง

177 android  margin  imageview 

สามารถระบุระยะขอบและ / หรือช่องว่างภายในสำหรับแถวหรือคอลัมน์ใน WPF Grid ได้อย่างง่ายดายหรือไม่? แน่นอนฉันสามารถเพิ่มคอลัมน์พิเศษเพื่อเว้นวรรคสิ่งต่างๆได้ แต่ดูเหมือนว่าจะเป็นงานสำหรับการขยาย / ระยะขอบ (จะให้XAML ที่ง่ายกว่ามาก ) มีใครบางคนมาจาก Grid มาตรฐานเพื่อเพิ่มฟังก์ชันนี้หรือไม่?

142 wpf  grid  padding  margin 

มีวิธีการเพิ่มส่วนหัว / ท้ายกระดาษธรรมดา ๆ ลงใน RecyclerView หรือไม่? ที่นี่คุณสามารถเห็นสิ่งที่ฉันมี บัตรใบแรกสัมผัสกับแถบเครื่องมือ และที่นี่คุณสามารถเห็นสิ่งที่ฉันต้องการ 8dp Padding ระหว่างด้านล่างและการ์ด วิธีการที่ฉันพยายาม: ใช้มุมมองส่วนหัวใน recyclerview ของฉัน แต่ฉันคิดว่ามันไม่มีประสิทธิภาพมากที่จะทำสิ่งนี้สำหรับทุก ๆ recyclerview ใช้ระยะขอบสูงสุด 8dp ซึ่งทำให้เกิดปัญหาว่า recyclerview มีแถบสีขาวอยู่ด้านบน / ล่างเมื่อเลื่อน เพิ่มช่องว่างภายในรายการซึ่งส่งผลให้ระยะขอบที่แตกต่างกันระหว่างการ์ดด้านนอกและด้านใน ฉันแน่ใจว่ามีวิธีแก้ปัญหาง่ายๆที่ฉันยังไม่รู้

133 android  margin  padding  android-recyclerview 

ฉันมี#headerdiv ที่อยู่100% widthภายใน div นั้นฉันมีรายการที่ไม่เรียงลำดับ ฉันได้นำไปใช้margin: 0 autoกับรายการที่ไม่เรียงลำดับ แต่จะไม่อยู่กึ่งกลางภายใน div ส่วนหัว ใครช่วยบอกฉันทีว่าทำไม? ผมคิดว่าถ้าผมกำหนดความกว้างของ div margin: 0 autoแม่แล้วรายการเรียงลำดับควรจะสามารถไปยังศูนย์ตัวเองด้วย ฉันขาดอะไรไป? นี่คือรหัสของฉัน: <style> * { margin: 0; padding: 0; } #header { width: 100%; background-color: #333; min-height: 160px; font-family:Arial, Helvetica, sans-serif; } #sitename { font-size: 50px; width: 620px; margin:0 auto; padding-top: 35px; color:#999; …

130 html  css  margin 

เคล็ดลับทั่วไปสำหรับองค์ประกอบการวางตำแหน่งแนวตั้งคือการใช้ CSS ต่อไปนี้: .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } เมื่อเห็นในมุมมองเมตริกเช่นเดียวกับใน Chrome นี่คือสิ่งที่คุณเห็น: อย่างไรก็ตามไม่มีการแสดงระยะขอบภาพเมื่อคุณวางเมาส์เหนือองค์ประกอบนั่นคือระยะขอบอยู่ 'นอก' เส้นขอบและสามารถมองเห็นได้ แต่ระยะขอบติดลบจะไม่ปรากฏขึ้น พวกเขามีลักษณะอย่างไรและอะไรที่ทำให้มันแตกต่างกัน? ทำไมmargin-top:-8px ไม่เหมือนกับ margin-bottom:8px ? อัตรากำไรเชิงลบทำงานอย่างไรและอะไรคือสัญชาตญาณเบื้องหลัง พวกเขา 'ชน' (ในกรณีmargin-top < 0) สิ่งของได้อย่างไร?

108 css  margin 

แค่สงสัยว่า - ใช้ jQuery ได้อย่างไร - ฉันจะได้รับองค์ประกอบที่จัดรูปแบบช่องว่างภายในและระยะขอบ ฯลฯ ได้อย่างไร เช่น 30px 30px 30px 30px หรือ 30px 5px 15px 30px เป็นต้น ฉันเหนื่อย var margT = jQuery('img').css('margin'); var bordT = jQuery('img').css('border'); var paddT = jQuery('img').css('padding'); แต่ไม่ได้ผล? http://jsfiddle.net/q7Mra/

105 jquery  padding  margin