ฉันต้องการชี้แจงว่าเป็นไปได้หรือไม่ที่จะสร้าง div ให้พอดีกับขนาดของเนื้อหาตามขนาดของเนื้อหาโดยไม่ต้องทำให้องค์ประกอบลอยหรือต้องกำหนดตำแหน่งให้สมบูรณ์ เป็นไปได้ไหม?
ฉันต้องการชี้แจงว่าเป็นไปได้หรือไม่ที่จะสร้าง div ให้พอดีกับขนาดของเนื้อหาตามขนาดของเนื้อหาโดยไม่ต้องทำให้องค์ประกอบลอยหรือต้องกำหนดตำแหน่งให้สมบูรณ์ เป็นไปได้ไหม?
คำตอบ:
displayการตั้งค่าCSSเป็นไปได้แน่นอน- การพิสูจน์แนวคิดของ JSFiddleซึ่งคุณสามารถดูโซลูชันที่เป็นไปได้ทั้งสาม:
display: inline-block- นี่คือสิ่งที่คุณไม่รู้จัก
position: absolute
float: left/right
คุณสามารถใช้display: inline-block.
position:absoluteที่ยังแสดงให้เห็นถึงความเป็นไปได้ที่มี ก็เป็นไปได้เช่นกัน คลิกลิงก์ในคำตอบของฉัน
คุณสามารถใช้ได้:
width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;
แก้ไข:ไม่ดูhttp://red-team-design.com/horizontal-centering-using-css-fit-content-value/
นอกจากนี้: http://dev.w3.org/csswg/css-box-3/
-webkit-fit-contentหรือ-moz-fit-contentขึ้นอยู่กับเบราว์เซอร์ที่คุณใช้
คุณยังสามารถใช้
แบ่งคำ: ทำลายทั้งหมด;
เมื่อดูเหมือนไม่มีอะไรทำงานได้เสมอ;)
ทำงานได้ดีบน Edge และ Chrome:
width: fit-content;
height: fit-content;
display: block-inline!! (นั่นคือทำตัวภายนอกเหมือนบล็อก แต่เข้าข้างในเหมือนอินไลน์ - ตรงกันข้ามinline-block)