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

แท็กเลย์เอาต์สำหรับคำถามเกี่ยวกับการจัดตำแหน่งการจัดตำแหน่งและการจัดชิดขอบของวัตถุที่เกี่ยวข้องกับองค์ประกอบที่มี สำหรับคำถามเกี่ยวกับ CSS ให้ใช้แท็ก 'css' แทน

12
อัลกอริทึมในการใช้คำว่าคลาวด์เช่น Wordle
บริบท ดูที่ Wordle: http://www.wordle.net/ มันดูดีกว่าเครื่องกำเนิดคลาวด์คำอื่น ๆ ที่ฉันเคยเห็น หมายเหตุ: แหล่งที่มาไม่พร้อมใช้งาน - อ่านคำถามที่พบบ่อย: http://www.wordle.net/faq#code คำถามของฉัน มีอัลกอริธึมที่ทำสิ่งที่ Wordle ทำหรือไม่? ถ้าไม่ใช่มีทางเลือกอะไรบ้างที่ให้ผลผลิตคล้าย ๆ กัน? ทำไมฉันถึงถาม แค่สงสัย ต้องการเรียน

4
เติมพื้นที่แนวตั้งที่เหลือด้วย CSS โดยใช้ display: flex
ในรูปแบบ 3 แถว: แถวด้านบนควรมีขนาดตามเนื้อหา แถวด้านล่างควรมีความสูงคงที่เป็นพิกเซล แถวกลางควรขยายเพื่อเติมตู้คอนเทนเนอร์ ปัญหาคือว่าเมื่อเนื้อหาหลักขยายออกมันจะบีบแถวส่วนหัวและส่วนท้าย: HTML: <section> <header> header: sized to content <br>(but is it really?) </header> <div> main content: fills remaining space<br> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> <!-- uncomment to see it break - -> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> <!-- --> </div> <footer> footer: fixed height in px </footer> </section> CSS: …
196 css  layout  flexbox 

12
วิธีสร้างเค้าโครงด้วย View เติมเต็มพื้นที่ที่เหลืออยู่?
ฉันกำลังออกแบบ UI แอปพลิเคชันของฉัน ฉันต้องการเลย์เอาต์ที่มีลักษณะดังนี้: (<และ> เป็นปุ่ม) ปัญหาคือฉันไม่ทราบวิธีการตรวจสอบให้แน่ใจว่า TextView จะเติมเต็มพื้นที่ที่เหลือด้วยปุ่มสองปุ่มที่มีขนาดคงที่ ถ้าฉันใช้ fill_parent สำหรับมุมมองข้อความปุ่มที่สอง (>) จะไม่สามารถแสดงได้ ฉันจะสร้างเลย์เอาต์ที่ดูเหมือนภาพได้อย่างไร

7
จะทำให้องค์ประกอบ inline-block เติมส่วนที่เหลือของบรรทัดได้อย่างไร
เป็นไปได้ไหมที่ใช้ CSS และแท็ก DIV แบบอินไลน์บล็อก (หรืออะไรก็ได้) แทนการใช้ตาราง เวอร์ชันของตารางคือ (เพิ่มเส้นขอบเพื่อให้คุณเห็น): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head></head> <body> <table style="width:100%;"> <tr> <td style="border:1px solid black;width:100px;height:10px;"></td> <td style="border:1px solid black;height:10px;"></td> </tr> </table> </body> </html> มันสร้างคอลัมน์ด้านซ้ายด้วยความกว้างคงที่ (ไม่ใช่ความกว้างร้อยละ) และคอลัมน์ด้านขวาที่ขยายเพื่อเติมเต็มพื้นที่ที่เหลืออยู่ในบรรทัด ฟังดูง่าย ๆ ใช่มั้ย นอกจากนี้เนื่องจากไม่มีสิ่งใด "ลอยตัว" ความสูงของคอนเทนเนอร์หลักจะขยายอย่างเหมาะสมเพื่อรวมความสูงของเนื้อหา - เริ่มต้น RANT - ฉันได้เห็นการใช้งาน …
186 css  layout  fixed-width 

17
Android: ทำไมถึงไม่มี maxHeight สำหรับการดู?
มุมมองมีminHeightแต่อย่างใดขาดmaxHeight: สิ่งที่ฉันพยายามที่จะบรรลุจะมีบางรายการ (มุมมอง) ScrollViewเติมขึ้น เมื่อมีรายการ 1..3 ฉันต้องการแสดงโดยตรง ความหมายScrollViewมีความสูงของทั้ง 1, 2 หรือ 3 รายการ เมื่อมีรายการ 4 รายการขึ้นไปฉันต้องการScrollViewหยุดขยาย (ดังกmaxHeight) และเริ่มให้เลื่อน maxHeightแต่มีวิธีการที่น่าเสียดายที่ชุดไม่มี ดังนั้นฉันอาจต้องตั้งค่าScrollViewความสูงของฉันโดยทางโปรแกรมWRAP_CONTENTเมื่อมี 1..3 รายการและตั้งค่าความสูงเป็น3*sizeOf(View)เมื่อมี 4 รายการขึ้นไป ใครสามารถอธิบายได้ว่าทำไมไม่มีการmaxHeightให้เมื่อมีminHeight? (BTW: มุมมองบางอย่างเช่นImageViewมีการmaxHeightใช้งาน)

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

7
ความกว้างของเซลล์ตารางคงที่
ผู้คนจำนวนมากยังคงใช้ตารางเพื่อควบคุมการจัดวางข้อมูลและอื่น ๆ - ตัวอย่างหนึ่งของนี้คือ jqGrid ที่เป็นที่นิยม อย่างไรก็ตามมีเวทมนตร์บางอย่างเกิดขึ้นที่ฉันไม่สามารถเข้าใจได้ (ตารางของมันสำหรับการร้องไห้ออกมาดัง ๆ ว่ามีเวทมนตร์ได้มากแค่ไหน?) เป็นไปได้อย่างไรที่จะตั้งค่าความกว้างคอลัมน์ของตารางและให้เป็นไปตามที่ jqGrid ทำเช่นนั้น! ถ้าฉันพยายามที่จะทำซ้ำสิ่งนี้แม้ว่าฉันจะตั้งค่าทุก<td style='width: 20px'>ทันทีที่เนื้อหาของหนึ่งในเซลล์เหล่านั้นมีค่ามากกว่า 20px เซลล์จะขยายตัว! ความคิดหรือข้อมูลเชิงลึกใด ๆ
175 html  css  layout  html-table 

10
คุณสามารถตั้งศูนย์กลางของปุ่มใน RelativeLayout ได้หรือไม่?
ฉันพยายามจัดปุ่มให้อยู่กึ่งกลางของเลย์เอาท์แบบสัมพัทธ์ ฉันได้ลองใช้ฟังก์ชั่นแรงโน้มถ่วงและทิศทางแล้ว แต่พวกเขาไม่ทำอะไรเลย
174 android  layout 

17
วิธีการบังคับให้รูปแบบทั้งหมดดูการรีเฟรช?
ฉันต้องการบังคับให้มุมมองทรัพยากรเค้าโครงหลักที่จะวาดใหม่ / รีเฟรชในพูดว่าวิธีการ Activity.onResume () ฉันจะทำสิ่งนี้ได้อย่างไร ตามมุมมองเลย์เอาต์หลักฉันหมายถึงหนึ่ง ('R.layout.mainscreen' ด้านล่าง) ที่เรียกว่าใน Activity.onCreate () ของฉันดังนี้: - protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.mainscreen); }
173 android  layout  refresh 

4
เปลี่ยนระยะขอบด้านขวาของมุมมองโดยทางโปรแกรมหรือไม่
สามารถเปลี่ยนคุณลักษณะนี้แบบไดนามิกในรหัส Java หรือไม่? android:layout_marginRight ฉันมีTextViewที่จะต้องเปลี่ยนตำแหน่งของมันบางพิกเซลไปทางซ้ายแบบไดนามิก จะทำอย่างไรกับทางโปรแกรม
172 android  layout  textview 

3
LayoutOptions ของ Xamarin.Form แตกต่างกันอย่างไรโดยเฉพาะ Fill และ Expand?
ใน Xamarin.Forms ทุกViewมีสองคุณสมบัติและHorizontalOptions VerticalOptionsทั้งสองเป็นประเภทLayoutOptionsและสามารถมีหนึ่งในค่าต่อไปนี้: LayoutOptions.Start LayoutOptions.Center LayoutOptions.End LayoutOptions.Fill LayoutOptions.StartAndExpand LayoutOptions.CenterAndExpand LayoutOptions.EndAndExpand LayoutOptions.FillAndExpand เห็นได้ชัดว่ามันควบคุมการจัดแนวของมุมมองในมุมมองหลัก แต่พฤติกรรมของแต่ละตัวเลือกเป็นอย่างไร และความแตกต่างระหว่างFillและคำต่อท้ายExpandคืออะไร?


14
การจัดมุมมองให้อยู่กึ่งกลางในมุมมองของมันโดยใช้ภาษารูปแบบภาพ
ฉันเพิ่งเริ่มเรียนรู้ AutoLayout สำหรับ iOS และดูภาษารูปแบบภาพ ทุกอย่างทำงานได้ดียกเว้นสิ่งหนึ่ง: ฉันไม่สามารถรับมุมมองไปยังศูนย์ภายในกำกับ เป็นไปได้ด้วย VFL หรือฉันจำเป็นต้องสร้างข้อ จำกัด ด้วยตนเอง?


16
เบราว์เซอร์ไม่ขยายต่ำกว่า 400px ใช่ไหม
ฉันกำลังทำงานกับการวางสไตล์ชีทของเหลวและมันก็ใช้งานได้ดีมาก สิ่งหนึ่งที่ฉันสังเกตเห็นคือหน้าต่างเบราว์เซอร์ของฉันใน Chrome จะไม่ปรับขนาดต่ำกว่า 400px มันเพิ่งติดที่นั่นและใน FF เมื่อฉันลดขนาดมันจะหยุดที่ประมาณ 400px จากนั้นก็ปรากฏแถบเลื่อนแนวนอน เมื่อฉันเปิดไซต์บนโทรศัพท์ของฉันมันดูสมบูรณ์แบบประมาณ 320px ดังนั้นฉันจึงรู้ว่ามันมีขนาดต่ำกว่า 400px ฉันอยากรู้ว่าถ้าใครรู้ว่านี่เป็นสิ่งที่เบราว์เซอร์ / เดสก์ท็อปหรือถ้าฉันจะดูอย่างอื่นที่ไม่ใช่ CSS ของฉัน ฉันไม่มีการประกาศความกว้างขั้นต่ำดังนั้นฉันไม่แน่ใจว่าจะเกิดอะไรขึ้น อีกครั้งบนเดสก์ท็อปมันลดขนาดลงเหลือความกว้างต่ำสุดประมาณ 400px และหยุดลง แต่เมื่อฉันเปิดมันขึ้นมาบนโทรศัพท์ของฉันมันก็จะปรับขนาดตามขนาดของหน้าจอโทรศัพท์ซึ่งประมาณ 320px ... สงสัยว่าทำไมอย่างน้อยที่สุด ไม่ลดลงถึง 320px บนเดสก์ท็อป -edit- นอกจากนี้ฉันไม่แน่ใจว่าเรื่องนี้หรือไม่ แต่ Opera อนุญาตให้ลดขนาดลงจนแทบไม่มีอะไรเลย ... ดังนั้นจึงใช้งานได้กับ Opera และไม่ใช่ Chrome หรือ FF ... แนวคิดใด ๆ

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