การเขียนโปรแกรม overflow

4

เรามี DIV สองตัวตัวหนึ่งฝังอยู่ในอีกอันหนึ่ง หาก DIV ด้านนอกไม่อยู่ในตำแหน่งที่แน่นอน DIV ด้านในซึ่งอยู่ในตำแหน่งสัมบูรณ์จะไม่เป็นไปตามส่วนล้นที่ซ่อนอยู่ของ DIV ด้านนอก ( ตัวอย่าง ) มีโอกาสหรือไม่ที่จะทำให้ DIV ด้านในเป็นไปตามส่วนล้นที่ซ่อนอยู่ของ DIV ด้านนอกโดยไม่ตั้งค่า DIV ด้านนอกให้อยู่ในตำแหน่งที่แน่นอน (สาเหตุที่ทำให้เลย์เอาต์ทั้งหมดของเราสกปรก) นอกจากนี้ยังมีตำแหน่งสัมพัทธ์สำหรับ DIV ภายในของเราไม่ได้เป็นตัวเลือกที่เราต้อง "เติบโตออก" ของ TD ตาราง ( exmple ) มีทางเลือกอื่นอีกไหม?

138 html css layout overflow css-position

7

css overflow - มีข้อความเพียง 1 บรรทัด

ฉันมีdivสไตล์ css ต่อไปนี้: width:335px; float:left; overflow:hidden; padding-left:5px; เมื่อฉันแทรกdivข้อความยาวๆ เข้าไปในนั้นมันจะแตกเป็นบรรทัดใหม่และแสดงข้อความทั้งหมด สิ่งที่ฉันต้องการคือมีข้อความเพียงบรรทัดเดียวที่จะไม่แตกบรรทัด เมื่อข้อความยาวฉันต้องการให้ข้อความล้นนี้หายไป ฉันคิดจะตั้งความสูง แต่ดูเหมือนจะผิด บางทีถ้าฉันเพิ่มความสูงที่เหมือนกับฟอนต์มันควรจะใช้งานได้และไม่ก่อให้เกิดปัญหาในเบราว์เซอร์อื่น? ฉันจะทำเช่นนั้นได้อย่างไร?

134 html css overflow

14

ฉันจะป้องกันไม่ให้ข้อความในบล็อก div ล้นออกมาได้หรือไม่

132 html css overflow

14

Overflow: hidden ใช้กับ <body> ทำงานบน iPhone Safari ได้หรือไม่

ไม่overflow:hiddenนำไปใช้กับ<body>การทำงานบน iPhone Safari? ดูเหมือนจะไม่ใช่ ฉันไม่สามารถสร้าง Wrapper บนเว็บไซต์ทั้งหมดเพื่อให้ได้สิ่งนั้น ... คุณรู้วิธีแก้ปัญหาหรือไม่? ตัวอย่าง: ฉันมีหน้ายาวและเพียงต้องการซ่อนเนื้อหาที่อยู่ใต้ "พับ" และควรใช้กับ iPhone / iPad

131 iphone css ipad safari overflow

13

ฉันจะลบแถบเลื่อนแนวนอนใน div ได้อย่างไร

เมื่อฉันตั้งค่าoverflow: scrollฉันจะได้แถบเลื่อนแนวนอนและแนวตั้ง มีวิธีลบแถบเลื่อนแนวนอนใน div หรือไม่?

128 html css overflow horizontal-scrolling

5

วิธีทำให้คุณสมบัติ CSS ล้นทำงานโดยซ่อนเป็นค่า

overflow: hiddenฉันกำลังมีช่วงเวลาที่ยากกับ โดยทั่วไปฉันกำลังพยายามซ่อนส่วนที่ล้นของรายการที่ไม่ได้เรียงลำดับซึ่งอยู่ในไฟล์<div>. ฉันไม่รู้ว่าทำไมถึงไม่ได้ผล แทนที่จะซ่อนมันกลับแบ่งรายการของฉันจากเค้าโครงแนวนอนเป็นเค้าโครงแนวตั้ง รายการที่ไม่เรียงลำดับคือภาพหมุนและคอนเทนเนอร์คือรายการ ด้านล่างนี้คือโค้ด CSS ของฉัน div.body .container .images { background: url(/images/images-background.jpg); height: 62px; margin-bottom: 17px; width: 384px; } div.body .container .images #images-previous { cursor: pointer; float: left; } div.body .container .images #images-next { cursor: pointer; float: left; } div.body .container .images .list { float: left; overflow: …

123 css overflow html

4

วิธีทำให้ Div มีความสูงในขณะที่ลอยอยู่ภายใน

ฉันจะทำให้ Div เพิ่มความสูงได้อย่างไรเมื่อมันลอยอยู่ข้างใน ฉันรู้ว่าการกำหนดค่าสำหรับความกว้างและการตั้งค่าส่วนเกินให้กับงานที่ซ่อนอยู่ ปัญหาคือฉันต้องการ div ที่มองเห็นได้มากเกินไป ความคิดใด ๆ ?

121 css html overflow css-float

11

ตรวจสอบว่าองค์ประกอบ HTML มีแถบเลื่อนหรือไม่

วิธีใดที่เร็วที่สุดในการตรวจสอบว่าองค์ประกอบมีแถบเลื่อนหรือไม่ สิ่งหนึ่งที่แน่นอนคือการตรวจสอบว่าองค์ประกอบมีขนาดใหญ่กว่าวิวพอร์ตหรือไม่ซึ่งสามารถทำได้อย่างง่ายดายโดยตรวจสอบค่าทั้งสองนี้: el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth แต่นั่นไม่ได้หมายความว่ามันมีแถบเลื่อนด้วย (ดังนั้นมนุษย์จึงสามารถเลื่อนได้) คำถาม ฉันจะตรวจสอบแถบเลื่อนในเบราว์เซอร์1 แบบไขว้และ2จาวาสคริปต์เท่านั้น (เช่นเดียวกับที่ไม่มี jQuery ) ได้อย่างไร Javascript เท่านั้นเพราะฉันต้องการค่าใช้จ่ายที่น้อยที่สุดเพราะฉันต้องการเขียนตัวกรองตัวเลือก jQuery ที่รวดเร็วมาก // check for specific scrollbars $(":scrollable(x/y/both)") // check for ANY scrollbar $(":scrollable") ฉันคิดว่าฉันต้องตรวจสอบการoverflowตั้งค่าสไตล์ แต่ฉันจะทำได้อย่างไรในเบราว์เซอร์ข้าม? แก้ไขเพิ่มเติม overflowการตั้งค่าสไตล์ไม่เพียง การตรวจสอบว่าองค์ประกอบมีแถบเลื่อนนั้นไม่สำคัญเท่าที่ควร สูตรแรกที่ฉันเขียนไว้ข้างต้นใช้งานได้ดีเมื่อองค์ประกอบไม่มีเส้นขอบ แต่เมื่อเป็นเช่นนั้น (โดยเฉพาะอย่างยิ่งเมื่อเส้นขอบมีความกว้างมาก) offsetมิติอาจใหญ่กว่าscrollมิติ แต่องค์ประกอบยังสามารถเลื่อนได้ เราต้องลบเส้นขอบจากoffsetมิติข้อมูลเพื่อให้ได้วิวพอร์ตที่เลื่อนได้จริงขององค์ประกอบและเปรียบเทียบกับscrollมิติ สำหรับการอ้างอิงในอนาคต :scrollablejQuery selector filter รวมอยู่ใน.scrollintoview()ปลั๊กอิน …

113 javascript dom scrollbar overflow

7

ฉันจะเพิ่มแถบเลื่อนแนวตั้งให้กับ div โดยอัตโนมัติได้อย่างไร

ฉันต้องการเพิ่มแถบเลื่อนแนวตั้งใน<div>ไฟล์. ฉันได้ลองoverflow: autoแล้ว แต่ใช้งานไม่ได้ ฉันได้ทดสอบโค้ดของฉันใน Firefox และ Chrome แล้ว ฉันวางโค้ดสไตล์ div ที่นี่: float: left; width: 1000px; overflow: auto;

110 css html scrollbar overflow

6

ล้นไปทางซ้ายแทนที่จะเป็นขวา

ฉันมี div ด้วยoverflow:hiddenซึ่งฉันจะแสดงหมายเลขโทรศัพท์ในขณะที่ผู้ใช้พิมพ์ ข้อความภายใน div จะจัดชิดขวาและอักขระขาเข้าจะถูกเพิ่มไปทางขวาเมื่อข้อความขยายไปทางซ้าย แต่เมื่อข้อความใหญ่พอที่จะไม่พอดีกับ div อักขระสุดท้ายของตัวเลขจะถูกครอบตัดโดยอัตโนมัติและผู้ใช้จะไม่เห็นอักขระใหม่ที่เธอพิมพ์ สิ่งที่ฉันต้องการทำคือครอบตัดอักขระทางซ้ายเช่น div แสดงเนื้อหาทางขวาสุดและล้นไปทางด้านซ้าย ฉันจะสร้างเอฟเฟกต์นี้ได้อย่างไร?

106 css html overflow

4

ทำให้เด็กมองเห็นได้ภายนอกโอเวอร์โฟลว์: ผู้ปกครองที่ซ่อนอยู่

ใน CSS overflow:hiddenมีการตั้งค่าบนคอนเทนเนอร์หลักเพื่อให้สามารถขยายได้ตามความสูงของลูกที่ลอยอยู่ แต่มันยังมีคุณสมบัติที่น่าสนใจอีกอย่างเมื่อรวมกับmargin: auto... หากพี่น้องก่อนหน้านี้เป็นองค์ประกอบลอยจริงจะปรากฏขึ้นมาเคียงข้างกัน นั่นคือถ้าพี่น้องเป็นfloat:leftคอนเทนเนอร์ด้วยfloat:none overflow:hiddenจะปรากฏทางด้านขวาของพี่น้องโดยไม่มีการขึ้นบรรทัดใหม่เหมือนกับว่ามันลอยอยู่ในโฟลว์ปกติ หากพี่น้องก่อนหน้านี้เป็นfloat:rightคอนเทนเนอร์จะปรากฏทางด้านซ้ายของพี่น้อง การปรับขนาดคอนเทนเนอร์นี้จะแสดงให้เห็นว่าอยู่กึ่งกลางระหว่างองค์ประกอบลอย บอกว่าถ้าคุณมีพี่น้องสองคนก่อนหน้านี้หนึ่งfloat:leftอื่น ๆfloat:right, ภาชนะที่จะปรากฏเป็นศูนย์กลาง inbetween สอง นี่คือปัญหา ... ฉันจะรักษาเค้าโครงประเภทนั้นได้อย่างไรโดยไม่มีการปิดบังเด็ก Googling ทั่วทั้งเว็บช่วยให้ฉันมีวิธีการclear:bothและขยายคอนเทนเนอร์ ... แต่ฉันไม่พบวิธีอื่นในการรักษาศูนย์กลางเด็กก่อนหน้าซ้าย / ขวา หากคุณสร้างคอนเทนเนอร์คอนเทนเนอร์overflow:visibleนั้นก็จะเพิกเฉยต่อการจัดวางองค์ประกอบที่ลอยอยู่และปรากฏเป็นชั้น ๆ อยู่ด้านบนขององค์ประกอบลอย ดังนั้นคำถาม : ฉันต้องมีคอนเทนเนอร์overflow:hiddenเพื่อรักษาเค้าโครง ... จะทำยังไงให้เด็ก ๆ ไม่สวมหน้ากาก ฉันจำเป็นต้องให้เด็กอยู่ในตำแหน่งที่สัมพันธ์กับผู้ปกครองนอกคอนเทนเนอร์อย่างแน่นอน หรือ ฉันจะทำอย่างไรoverflow:visibleเพื่อให้ฉันอย่างสามารถวางตำแหน่งของเด็กที่สัมพันธ์กับผู้ปกครองนอกภาชนะ ... ยังรักษาพี่น้องลอยเหมือนรูปแบบการไหล?

100 css overflow css-float center hidden

4

CSS: วิธีรับแถบเลื่อนสำหรับ div ภายในคอนเทนเนอร์ที่มีความสูงคงที่

ฉันมีมาร์กอัปต่อไปนี้: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> CSS มีลักษณะดังนี้: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } เนื่องจากเนื้อหาของความสูงของโดยทั่วไปจะมีมากกว่าพื้นที่ที่จัดไว้ให้โดยdiv.Content div.FixedHeightContainerในขณะนี้div.Contentขยายออกไปจากด้านล่างอย่างสนุกสนานdiv.FixedHeightContainer- ไม่ใช่สิ่งที่ฉันต้องการ ฉันจะระบุdiv.Contentได้อย่างไรว่าได้รับแถบเลื่อน (ควรเป็นแนวตั้งเท่านั้น แต่ฉันไม่จุกจิก) เมื่อความสูงเกินกว่าที่จะใส่ได้ overflow:autoและไม่overflow:scrollได้ทำอะไรเลยด้วยเหตุผลที่แปลกประหลาด

94 css scrollbar overflow

9

แถบการทำงานของ Android ไม่แสดงการล้น

ฉันมีแถบการทำงานในแอปของฉันซึ่งมี 3 รายการ แสดงได้เพียง 2 อันเนื่องจากปัญหาพื้นที่ดังนั้นฉันคาดหวังว่ารายการแรกจะปรากฏและส่วนที่เหลือจะแสดงในรายการที่ล้น อย่างไรก็ตามในทางปฏิบัติจะแสดงเพียง 2 รายการแรกเท่านั้นและไม่มีการตรวจจับการล้น นี่คือรหัสที่เกี่ยวข้อง: list_menu.xml <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/menu_insert" android:icon="@android:drawable/ic_menu_add" android:title="@string/menu_insert" android:showAsAction="ifRoom|withText"/> <item android:id="@+id/menu_call" android:icon="@android:drawable/ic_menu_call" android:title="@string/menu_call" android:showAsAction="ifRoom|withText"/> <item android:id="@+id/menu_agenda" android:icon="@android:drawable/ic_menu_agenda" android:title="@string/menu_agenda" android:showAsAction="ifRoom|withText"/> </menu> Activity.java public boolean onCreateOptionsMenu(Menu menu) { MenuInflater mi = getMenuInflater(); mi.inflate(R.menu.list_menu, menu); return true; }

90 android overflow android-actionbar

22

ปุ่ม Bootstrap แบบเลื่อนลงภายในตารางตอบสนองไม่สามารถมองเห็นได้เนื่องจากการเลื่อน

ฉันมีปัญหากับปุ่มแบบเลื่อนลงในตารางเมื่อมีการตอบสนองและเลื่อนใช้งานอยู่เนื่องจากไม่สามารถมองเห็นดรอปดาวน์ได้เนื่องจากoverflow: auto;คุณสมบัติ ฉันจะแก้ไขได้อย่างไรเพื่อแสดงตัวเลือกแบบเลื่อนลงของปุ่มเมื่อสิ่งนี้ถูกยุบ ฉันสามารถใช้ jQuery ได้บ้าง แต่หลังจากที่ฉันมีปัญหาในการเลื่อนไปทางซ้าย - ขวาฉันจึงตัดสินใจหาวิธีอื่น ฉันได้แนบรูปถ่ายเพื่อความเข้าใจที่ดีขึ้น นี่คือซอ js ขนาดเล็ก:

88 javascript jquery css twitter-bootstrap overflow

9

วิธีแสดงแถบเลื่อนบนตาราง html

ฉันกำลังเขียนหน้าที่ฉันต้องการตาราง html เพื่อรักษาขนาดที่ตั้งไว้ ฉันต้องการส่วนหัวที่ด้านบนสุดของตารางเพื่อให้อยู่ตรงนั้นตลอดเวลา แต่ฉันก็ต้องใช้ส่วนของตารางเพื่อเลื่อนไม่ว่าจะเพิ่มแถวลงในตารางกี่แถวก็ตาม ฉันต้องการให้ดูเหมือนวิธีที่ 2 ใน url นี้: http://www.cssplay.co.uk/menu/tablescroll.html ฉันได้ลองทำสิ่งนี้แล้ว แต่ไม่มีแถบเลื่อนปรากฏขึ้น: tbody { height: 80em; overflow: scroll; } <table border=1 id="qandatbl" align="center"> <tr> <th class="col1">Question No</th> <th class="col2">Option Type</th> <th class="col1">Duration</th> </tr> <tbody> <tr> <td class='qid'></td> <td class="options"></td> <td class="duration"></td> </tr> </tbody> </table> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด

86 html css scroll html-table overflow

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