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

ในบริบท GUI (รวมหน้าเว็บ) การจัดแนวหมายถึงการวางตำแหน่งขององค์ประกอบภาพ หรือสำหรับที่อยู่หน่วยความจำเป็นผลคูณของกำลัง 2


7
จัดรูปแบบสตริงผลลัพธ์การจัดตำแหน่งด้านขวา
ฉันกำลังประมวลผลไฟล์ข้อความที่มีพิกัด x, y, z 1 128 1298039 123388 0 2 .... ทุกบรรทัดถูกคั่นด้วย 3 รายการโดยใช้ words = line.split() หลังจากประมวลผลข้อมูลฉันจำเป็นต้องเขียนพิกัดกลับมาในไฟล์ txt อื่นเพื่อให้รายการในแต่ละคอลัมน์ชิดกัน (เช่นเดียวกับไฟล์อินพุต) ทุกบรรทัดประกอบด้วยพิกัด line_new = words[0] + ' ' + words[1] + ' ' words[2]. มีโปรแกรมจำพวกอย่างstd::setw()อื่นใน C ++ ที่อนุญาตให้ตั้งค่าความกว้างและการจัดแนวหรือไม่?

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

4
ฉันจะจัดกึ่งกลางข้อความในแนวตั้ง UITextField ได้อย่างไร
ฉันแค่ยกตัวอย่างUITextFieldและสังเกตว่าข้อความไม่ได้อยู่ในแนวตั้ง แต่มันก็เปี่ยมไปด้วยปุ่มบนของฉันซึ่งฉันรู้สึกแปลก ๆ เพราะฉันคาดว่าค่าเริ่มต้นจะอยู่ตรงกลางในแนวตั้ง ฉันจะจัดกึ่งกลางภาพในแนวตั้งหรือตั้งค่าเริ่มต้นบางอย่างที่ฉันขาดหายไปได้อย่างไร

8
จัดแนวป้ายกำกับในแบบฟอร์มถัดจากอินพุต
ฉันมีสถานการณ์ของรูปแบบพื้นฐานและเป็นที่รู้จักซึ่งฉันต้องจัดแนวป้ายกำกับถัดจากอินพุตให้ถูกต้อง อย่างไรก็ตามฉันไม่รู้ว่าจะต้องทำอย่างไร เป้าหมายของฉันคือการจัดเรียงป้ายกำกับถัดจากอินพุตทางด้านขวา นี่คือตัวอย่างรูปภาพของผลลัพธ์ที่ต้องการ ฉันทำซอเพื่อความสะดวกของคุณและเพื่อชี้แจงสิ่งที่ฉันมีตอนนี้ - http://jsfiddle.net/WX58z/ ตัวอย่างข้อมูล: <div class="block"> <label>Simple label</label> <input type="text" /> </div> <div class="block"> <label>Label with more text</label> <input type="text" /> </div> <div class="block"> <label>Short</label> <input type="text" /> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด
140 html  css  alignment 

7
กองซ้อนจากด้านล่างขึ้นบน
เมื่อผนวกdivs divกับ a ที่มีความสูงคงที่ div ลูกจะปรากฏขึ้นจากบนลงล่างติดที่ขอบบน ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ ตอนนี้ฉันพยายามแสดงมันจากล่างขึ้นบนเช่นนี้ (ติดกับขอบล่าง): ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ …

3
จัดแนว <div> องค์ประกอบเคียงข้างกัน
ฉันรู้ว่านี่เป็นคำถามที่ค่อนข้างง่าย แต่ฉันคิดไม่ออกสำหรับชีวิตของฉัน ฉันมีลิงค์สองลิงค์ที่ใช้กับภาพพื้นหลัง นี่คือสิ่งที่ดูเหมือนในปัจจุบัน (ขออภัยสำหรับเงาเป็นเพียงภาพร่างคร่าวๆของปุ่ม): อย่างไรก็ตามฉันต้องการให้ทั้งสองปุ่มอยู่เคียงข้างกัน ฉันคิดไม่ออกจริงๆว่าจะต้องทำอะไรกับการจัดตำแหน่ง นี่คือ HTML &lt;div id="dB"}&gt; &lt;a href="http://notareallink.com" title="Download" id="buyButton"&gt;Download&lt;/a&gt; &lt;/div&gt; &lt;div id="gB"&gt; &lt;a href="#" title="Gallery" onclick="$j('#galleryDiv').toggle('slow');return false;" id="galleryButton"&gt;Gallery&lt;/a&gt; &lt;/div&gt; นี่คือ CSS #buyButton { background: url("assets/buy.png") 0 0 no-repeat; display:block; height:80px; width:232px; text-indent:-9999px; } #buyButton:hover{ width: 232px; height: 80px; background-position: -232px 0; } #buyButton:active { …
127 css  html  alignment 

13
ตรงกลางจัดตำแหน่ง div ตำแหน่งคงที่
ฉันกำลังพยายามหา div ที่position:fixedจัดกึ่งกลางหน้าเพจ ฉันสามารถทำได้โดยใช้ div ตำแหน่งที่แน่นอนโดยใช้ "แฮ็ก" นี้ left: 50%; width: 400px; margin-left:-200px ... โดยที่ค่าขอบซ้ายคือครึ่งหนึ่งของความกว้างของ div สิ่งนี้ดูเหมือนจะใช้ไม่ได้กับ div ตำแหน่งคงที่ แต่เพียงแค่วางโดยให้มุมซ้ายสุด 50% และละเว้นการประกาศระยะขอบซ้าย มีแนวคิดในการแก้ไขอย่างไรเพื่อให้ฉันสามารถจัดตำแหน่งองค์ประกอบคงที่ได้ และฉันจะให้โบนัส M&amp;M หากคุณสามารถบอกวิธีที่ดีกว่าในการจัดตำแหน่งองค์ประกอบที่อยู่ตรงกลางได้ดีกว่าวิธีที่ฉันอธิบายไว้ข้างต้น

28
วิธีตั้งค่าไอคอนและข้อความตรงกลางในปุ่ม Android โดยตั้งค่าความกว้างเป็น "เติมแม่"
ฉันต้องการมีปุ่ม Android ที่มีไอคอน + ข้อความอยู่ตรงกลาง ฉันใช้แอตทริบิวต์ drawableLeft การตั้งค่าภาพนี้ทำงานได้ดีถ้าปุ่มมีความกว้างของแต่ฉันต้องการที่จะยืดความกว้างสูงสุดดังนั้นฉันจะใช้ความกว้าง"wrap_content" "fill_parent"สิ่งนี้จะย้ายไอคอนของฉันไปทางซ้ายของปุ่มตรงและฉันต้องการให้ทั้งไอคอนและข้อความอยู่กึ่งกลางภายในปุ่ม ฉันลองตั้งค่าช่องว่างภายใน แต่อนุญาตให้ให้ค่าคงที่เท่านั้นดังนั้นจึงไม่ใช่สิ่งที่ฉันต้องการ ฉันต้องการให้ไอคอน + ข้อความอยู่ตรงกลาง &lt;Button android:id="@+id/startTelemoteButton" android:text="@string/start_telemote" android:drawableLeft="@drawable/start" android:paddingLeft="20dip" android:paddingRight="20dip" android:width="fill_parent" android:heigh="wrap_content" /&gt; ข้อเสนอแนะใด ๆ เกี่ยวกับวิธีที่ฉันจะบรรลุเป้าหมายนั้น?

16
วิธีจัดรูปแบบการป้อนข้อมูลใน HTML
ฉันเพิ่งเริ่มใช้ HTML และพยายามเรียนรู้วิธีใช้แบบฟอร์ม ปัญหาใหญ่ที่สุดที่ฉันพบคือการจัดแนวฟอร์ม นี่คือตัวอย่างไฟล์ HTML ปัจจุบันของฉัน: &lt;form&gt; First Name:&lt;input type="text" name="first"&gt;&lt;br /&gt; Last Name:&lt;input type="text" name="last"&gt;&lt;br /&gt; Email:&lt;input type="text" name="email"&gt;&lt;br /&gt; &lt;/form&gt; ปัญหานี้คือกล่องฟิลด์หลัง "อีเมล" มีความแตกต่างกันอย่างมากในแง่ของระยะห่างเมื่อเทียบกับชื่อและนามสกุล อะไรคือวิธีที่ 'เหมาะสม' ในการทำให้พวกเขา 'จัดเรียง' เป็นหลัก? ฉันพยายามฝึกฝนรูปแบบและไวยากรณ์ที่ดี ... หลายคนอาจทำเช่นนี้กับ CSS ฉันไม่แน่ใจฉันเพิ่งเรียนรู้พื้นฐานของ HTML จนถึงตอนนี้
117 html  forms  alignment 

9
ฉันจะจัดข้อความให้อยู่กึ่งกลางในแนวตั้งและแนวนอนใน Flutter ได้อย่างไร
ฉันต้องการทราบวิธีจัดกึ่งกลางเนื้อหาของวิดเจ็ตข้อความในแนวตั้งและแนวนอนใน Flutter ฉันรู้เพียงวิธีจัดศูนย์กลางวิดเจ็ตโดยใช้Center(child: Text("test"))แต่ไม่ใช่เนื้อหา โดยค่าเริ่มต้นจะจัดชิดซ้าย ใน Android ผมเชื่อว่าทรัพย์สินของ TextView gravityที่ประสบความสำเร็จนี้จะเรียกว่า ตัวอย่างสิ่งที่ฉันต้องการ:

4
ปุ่มจัดแนวที่ด้านล่างของ div โดยใช้ CSS
ฉันต้องการจัดแนวปุ่มที่มุมขวาล่างของ div ฉันจะทำเช่นนั้นได้อย่างไร? css ปัจจุบันของ div: float: right; width: 83%; margin-right: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height:625px; overflow:auto;
105 css  button  alignment 

10
วิธี CSS ในการจัดแนวตารางในแนวนอน
ฉันต้องการแสดงตารางที่มีความกว้างคงที่ที่กึ่งกลางของหน้าต่างเบราว์เซอร์ ตอนนี้ฉันใช้ &lt;table width="200" align="center"&gt; แต่ Visual Studio 2008 ให้คำเตือนในบรรทัดนี้: แอตทริบิวต์ "จัดตำแหน่ง" ถือว่าล้าสมัย ขอแนะนำโครงสร้างที่ใหม่กว่า ฉันควรใช้สไตล์ CSS แบบใดกับตารางเพื่อให้ได้รูปแบบเดียวกัน

8
HorizontalAlignment = Stretch, MaxWidth และ Left aligned ในเวลาเดียวกัน?
ดูเหมือนว่ามันจะง่าย แต่ฉันก็นิ่งงัน ใน WPF ฉันต้องการกล่องข้อความที่ขยายไปตามความกว้างของพาเรนต์ แต่ต้องมีความกว้างสูงสุดเท่านั้น ปัญหาคือฉันต้องการให้มันถูกปล่อยให้เป็นธรรมภายในพาเรนต์ หากต้องการยืดคุณต้องใช้ HorizontalAlignment = "Stretch" แต่ผลลัพธ์จะอยู่กึ่งกลาง ฉันได้ทดลองกับ HorizontalContentAlignment แล้ว แต่ดูเหมือนจะไม่ทำอะไรเลย ฉันจะทำให้กล่องข้อความสีฟ้าโตขึ้นตามขนาดของหน้าต่างมีความกว้างสูงสุด 200 พิกเซลได้อย่างไรและถูกปล่อยให้เป็นธรรม? &lt;Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"&gt; &lt;StackPanel&gt; &lt;TextBox Background="Azure" Text="Hello" HorizontalAlignment="Stretch" MaxWidth="200" /&gt; &lt;/StackPanel&gt; &lt;/Page&gt; เคล็ดลับคืออะไร?
96 wpf  xaml  alignment  stretch 

8
CSS - ทำให้ div จัดแนวในแนวนอน
ฉันมีคอนเทนเนอร์ div ที่มีค่าคงที่widthและheightด้วยoverflow: hidden. ฉันต้องการลอยแถวแนวนอน: div ด้านซ้ายภายในคอนเทนเนอร์นี้ ตัวหารที่ลอยไปทางซ้ายจะดันเข้าสู่ 'บรรทัด' ด้านล่างตามธรรมชาติหลังจากที่พวกเขาอ่านขอบเขตทางขวาของพาเรนต์ สิ่งนี้จะเกิดขึ้นแม้ว่าheightผู้ปกครองจะไม่อนุญาตก็ตาม นี่คือลักษณะที่ปรากฏ: ! [ผิด] [1] - ลบรูปภาพกระท่อมรูปภาพที่ถูกแทนที่ด้วยโฆษณา ฉันต้องการให้มีลักษณะอย่างไร: ! [ขวา] [2] - ลบรูปภาพกระท่อมที่ถูกแทนที่ด้วยโฆษณา หมายเหตุ: เอฟเฟกต์ที่ฉันต้องการสามารถทำได้โดยใช้องค์ประกอบแบบอินไลน์ &amp; white-space: no-wrap(นั่นคือวิธีที่ฉันทำในภาพที่แสดง) อย่างไรก็ตามสิ่งนี้ไม่ดีสำหรับฉัน (ด้วยเหตุผลที่ยาวเกินไปที่จะอธิบายที่นี่) เนื่องจาก div ย่อยต้องเป็นองค์ประกอบระดับบล็อกแบบลอย
85 html  css  alignment 

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