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

นับตั้งแต่เปลี่ยนจากเค้าโครงตารางเป็นเค้าโครง DIV ปัญหาทั่วไปที่หนึ่งยังคงอยู่: ปัญหา : คุณเติม DIV ของคุณด้วยข้อความแบบไดนามิกและย่อมมีคำยาวมากที่ทอดยาวเกินขอบคอลัมน์ div ของคุณและทำให้ไซต์ของคุณดูไม่เป็นมืออาชีพ RETRO-WHINING : สิ่งนี้ไม่เคยเกิดขึ้นกับเค้าโครงตาราง เซลล์ตารางจะขยายไปยังความกว้างของคำที่ยาวที่สุดเสมอ SEVERITY : ฉันเห็นปัญหานี้ในเว็บไซต์ที่สำคัญที่สุดโดยเฉพาะในเว็บไซต์เยอรมันที่แม้แต่คำทั่วไปเช่น "จำกัด ความเร็ว" นั้นยาวมาก ("Geschwindigkeitsbegrenzung") ใครบ้างมีวิธีแก้ปัญหาที่ใช้การได้นี้?

148 css  layout  html 

ฉันสงสัยว่าฉันสามารถมีตัวควบคุม 2 ตัวใน StackPanel ในแนวนอนหรือไม่เพื่อให้รายการที่เหมาะสมเชื่อมต่อไปทางด้านขวาของ StackPanel ฉันลองสิ่งต่อไปนี้ แต่มันไม่ทำงาน: <StackPanel Orientation="Horizontal"> <TextBlock>Left</TextBlock> <Button Width="30" HorizontalAlignment="Right">Right<Button> </StackPanel> ในตัวอย่างด้านบนฉันต้องการให้ปุ่มเชื่อมต่อไปทางด้านขวาของ StackPanel หมายเหตุ: ฉันต้องการให้ใช้ StackPanel ไม่ใช่ Grid เป็นต้น

148 wpf  layout  wpf-controls  stackpanel  alignment 

โดยค่าเริ่มต้นหุ่นยนต์ช่องทำเครื่องหมายแสดงข้อความทางด้านขวาและช่องทำเครื่องหมายที่ด้านซ้าย ฉันต้องการที่จะแสดงช่องทำเครื่องหมายที่ด้านขวาด้วยข้อความทางด้านซ้าย ฉันจะทำสิ่งนี้ได้อย่างไร

146 android  layout  checkbox 

ในฐานะที่เป็นส่วนหนึ่งของแอพ Android ฉันกำลังสร้างชุดปุ่ม ปุ่มเป็นส่วนหนึ่งของชุด LinearLayouts ซ้อนกัน การใช้น้ำหนักฉันมีชุดการปรับขนาดตัวเองโดยอัตโนมัติตามขนาดของ LinearLayout หลักที่มี แนวคิดนี้ขึ้นอยู่กับจำนวนพิกเซลและความหนาแน่นของหน้าจอเพื่อกำหนดขนาดของเค้าโครงที่มีจำนวนพิกเซล; และตั้งค่าปุ่มให้ปรับขนาดตัวเองตามการเปลี่ยนแปลงนั้น คำถามคือ: วิธีการปรับขนาดเค้าโครง ฉันได้ลองใช้เทคนิคที่แนะนำหลายอย่างแล้วและไม่มีใครเข้ามาทำงานได้ นี่เป็นส่วนย่อยของ XML ที่สร้างชุดปุ่ม: <LinearLayout android:layout_height="104pt" android:id="@+id/numberPadLayout" android:orientation="horizontal" android:layout_width="104pt" android:background="#a0a0a0" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" > <LinearLayout android:layout_weight="2" android:layout_height="fill_parent" android:id="@+id/linearLayout1" android:orientation="vertical" android:layout_width="wrap_content"> <Button android:text="1" android:id="@+id/button1" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> <Button android:text="4" android:id="@+id/button4" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> <Button android:text="7" android:id="@+id/button7" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> …

145 android  layout  resize  android-linearlayout 

ฉันมี RelativeLayout ภายใน ScrollView My RelativeLayout มีandroid:layout_height="match_parent"แต่มุมมองไม่ได้ใช้ขนาดทั้งหมดมันเหมือนกับ wrap_content มีวิธีที่จะมีพฤติกรรม fill_parent / match_parent จริงหรือไม่? เลย์เอาต์ของฉัน: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:id="@+id/top" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:scaleType="fitXY" android:src="@drawable/top" /> <ImageView android:id="@+id/header" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/top" android:scaleType="fitXY" android:src="@drawable/headerbig" /> <ImageView android:id="@+id/logo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/header" android:layout_centerHorizontal="true" android:layout_marginBottom="3dp" android:src="@drawable/logo" /> <ScrollView android:layout_width="fill_parent" android:layout_height="match_parent" android:layout_above="@+id/bottom" android:layout_below="@+id/logo" android:background="@drawable/background" > …

144 android  layout  scrollview 

ทำไมเราไม่ได้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 

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

138 html  css  layout  overflow  css-position 

ฉันเป็นมือใหม่ bootstrap และฉันมีเทมเพลตกว้าง 100% ที่ฉันต้องการเขียนโค้ดด้วย bootstrap คอลัมน์แรกเริ่มต้นที่มุมซ้ายและฉันมีแผนที่ Google ซึ่งทอดยาวไปทางขวาสุด ฉันคิดว่าฉันสามารถทำสิ่งนี้กับcontainer-fluidชั้นเรียนได้ แต่ดูเหมือนจะไม่มีอีกแล้ว ฉันไม่รู้ว่าจะทำอย่างไรให้ได้เลย์เอาต์นั้นด้วย bootstrap 3 ฉันใช้เทมเพลต Geometry PSD จาก themeforest ลิงก์ที่นี่หากคุณต้องการดูเค้าโครง: http://themeforest.net/item/geometry-design-for- ตำแหน่งทางภูมิศาสตร์สังคมเครือข่าย / 4752268

135 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

ฉันพยายามเข้าใจฟังก์ชันของวิธีการเหล่านี้ คุณช่วยให้เราใช้งานง่าย ๆ เพื่อทำความเข้าใจความหมายของพวกเขาได้หรือไม่? จากเอกสารตัวอย่างเช่นconvertPoint: fromView: method ถูกอธิบายดังนี้: แปลงจุดจากระบบพิกัดของมุมมองที่กำหนดเป็นของผู้รับ อะไรระบบพิกัดเฉลี่ย? แล้วผู้รับล่ะ ตัวอย่างเช่นมันเหมาะสมหรือไม่เมื่อใช้convertPoint: fromView:ชอบสิ่งต่อไปนี้หรือไม่ CGPoint p = [view1 convertPoint:view1.center fromView:view1]; ใช้ยูทิลิตี้ NSLog ฉันได้ตรวจสอบว่าค่า p สอดคล้องกับศูนย์กลางของ view1 ขอบคุณล่วงหน้า. แก้ไข:สำหรับผู้ที่สนใจฉันได้สร้างข้อมูลโค้ดง่ายๆเพื่อทำความเข้าใจกับวิธีการเหล่านี้ UIView* view1 = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 150, 200)]; view1.backgroundColor = [UIColor redColor]; NSLog(@"view1 frame: %@", NSStringFromCGRect(view1.frame)); NSLog(@"view1 center: %@", NSStringFromCGPoint(view1.center)); CGPoint originInWindowCoordinates …

128 ios  layout  uiview 

ฉันต้องการที่จะลบพื้นหลัง drawable โดยทาง@drawable/bgโปรแกรม มีวิธีทำเช่นนั้นหรือไม่? ขณะนี้ฉันมี XML ต่อไปนี้ในรูปแบบของฉัน: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:id="@+id/widget29" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:background="@drawable/bg"> </RelativeLayout>

128 android  layout  background 

ฉันจะหาค่าที่ InputTypeมีได้ที่ไหน? ฉันทราบถึงhttp://developer.android.com/reference/android/text/InputType.htmlแต่ค่าในไฟล์ xml เค้าโครงควรเป็นอย่างไร

127 android  layout  android-edittext  android-inputtype 

ฉันจะมีเลย์เอาต์เดียวสำหรับแนวนอนและอีกแบบสำหรับแนวตั้งได้อย่างไร ฉันต้องการใช้ความกว้างพิเศษและประหยัดพื้นที่แนวตั้งเมื่อผู้ใช้หมุนโทรศัพท์ไปด้านข้าง

126 android  layout  resources  android-layout  orientation 

ฉันมีเลย์เอาต์ที่ลื่นไหลโดยใช้ bootstrap ของ Twitter ซึ่งฉันมีแถวที่มีสองคอลัมน์ คอลัมน์แรกมีเนื้อหาจำนวนมากซึ่งฉันต้องการเติมเต็มช่วงปกติ คอลัมน์ที่สองมีปุ่มและข้อความบางส่วนซึ่งฉันต้องการจัดแนวด้านล่างให้สัมพันธ์กับเซลล์ในคอลัมน์แรก นี่คือสิ่งที่ฉันมี: -row-fluid------------------------------------- +-span6----------+ +-span6----------+ | | |short content | | content | +----------------+ | that | | is tall | | | +----------------+ ----------------------------------------------- นี่คือสิ่งที่ฉันต้องการ: -row-fluid------------------------------------- +-span6----------+ | | | content | | that | | is tall | +-span6----------+ | | |short …

123 html  css  layout  twitter-bootstrap 

ฉันทำงานกับข้อ จำกัด ใน Swift สำหรับ iOS และหลักการตั้งชื่อ / เอกสารส่วนใหญ่ทำให้สิ่งต่างๆอธิบายได้ค่อนข้างชัดเจน แต่สิ่งหนึ่งที่ทำให้ฉันสับสนเมื่อเร็ว ๆ นี้คือคลาส NSLayoutXAxisAnchor สองคู่: leadingAnchor, leftAnchor พร้อมด้วย trailingAnchor, rightAnchor เมื่อฉันตั้งข้อ จำกัด ทางโปรแกรมในแอป iOS ของฉันฉันพบว่าฉันสามารถใช้สิ่งเหล่านี้แทนกันได้ทั้งหมด ถ้าฉันใช้ LeadingAnchor ให้เรียกใช้แอปและสังเกตพฤติกรรมจากนั้นใช้ leftAnchor เรียกใช้แอปและสังเกตพฤติกรรมมันทำงานเหมือนกันทุกประการ ฉันตรวจสอบเอกสารจาก developer.apple.com และผลลัพธ์ก็เหมือนกันทุกประการ (โดยไม่สนใจความแตกต่างของชื่อ) ตัวอย่างเช่นการเปรียบเทียบ LeadingAnchor และ leftAnchor: "ใช้จุดยึดนี้เพื่อสร้างข้อ จำกัด กับขอบนำหน้าของมุมมองคุณสามารถรวมจุดยึดนี้กับชุดย่อยของจุดยึด NSLayoutXAxisAnchor เท่านั้นคุณสามารถรวม LeadingAnchor กับแองเคอร์อื่นที่เป็นผู้นำ, แอนเคอร์ต่อท้ายหรือ centerXAnchor สำหรับข้อมูลเพิ่มเติมโปรดดูคลาส NSLayoutAnchor อ้างอิง." เปรียบเทียบกับ: …

121 ios  layout 

ฉันต้องการดาวน์โหลดภาพ (ไม่ทราบขนาด แต่มักจะเป็นสี่เหลี่ยมจัตุรัส) และแสดงให้เต็มหน้าจอในแนวนอนและยืดออกในแนวตั้งเพื่อรักษาอัตราส่วนของภาพในทุกขนาดหน้าจอ นี่คือรหัส (ไม่ทำงาน) ของฉัน มันยืดภาพในแนวนอน แต่ไม่ใช่แนวตั้งดังนั้นมันจึงถูกบีบ ... ImageView mainImageView = new ImageView(context); mainImageView.setImageBitmap(mainImage); //downloaded from server mainImageView.setScaleType(ScaleType.FIT_XY); //mainImageView.setAdjustViewBounds(true); //with this line enabled, just scales image down addView(mainImageView,new LinearLayout.LayoutParams( LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));

118 java  android  layout