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

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

30
วิธีจัดกึ่งกลางแนวนอนให้เป็น <div>
Наэтотвопросестьответына กองมากเกินнарусском : Сделатьблок div поцентруродительскогоблока, асодержимоеблока div выровнятьпоправомукраю ฉันจะจัดกึ่งกลาง&lt;div&gt;ภายในแนวนอน&lt;div&gt;โดยใช้ CSS ได้อย่างไร &lt;div id="outer"&gt; &lt;div id="inner"&gt;Foo foo&lt;/div&gt; &lt;/div&gt;
4286 html  css  alignment  centering 


21
จัดแนวข้อความถัดจากภาพ?
ทำไมถึงไม่vertical-align: middleทำงาน และยังvertical-align: top ใช้งานได้ span{ vertical-align: middle; } &lt;div&gt; &lt;img src="http://lorempixel.com/30/30/" alt="small img" /&gt; &lt;span&gt;Doesn't work.&lt;/span&gt; &lt;/div&gt; เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

30
วิธีจัดแนวช่องทำเครื่องหมายและป้ายกำกับให้ข้ามเบราว์เซอร์อย่างสม่ำเสมอ
นี่เป็นหนึ่งในปัญหาเล็ก ๆ น้อย ๆ ของ CSS ที่ทำให้ฉันมีปัญหาตลอดเวลา คนรอบกองซ้อนล้นแนวตั้งcheckboxesและข้ามเบราว์เซอร์labelsอย่างต่อเนื่องได้อย่างไร เมื่อใดก็ตามที่ฉันจัดแนวพวกเขาอย่างถูกต้องใน Safari (มักใช้บน) พวกเขาจะปิดใน Firefox และ IE อย่างสมบูรณ์ แก้ไขใน Firefox และ Safari และ IE จะสับสนอย่างหลีกเลี่ยงไม่ ฉันเสียเวลากับเรื่องนี้ทุกครั้งที่ฉันกรอกแบบฟอร์มvertical-align: baselineinput นี่คือรหัสมาตรฐานที่ฉันใช้: &lt;form&gt; &lt;div&gt; &lt;label&gt;&lt;input type="checkbox" /&gt; Label text&lt;/label&gt; &lt;/div&gt; &lt;/form&gt; เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ฉันมักจะใช้การรีเซ็ตของ Eric Meyer เพื่อให้องค์ประกอบของฟอร์มค่อนข้างชัดเจนในการแทนที่ รอคอยที่จะมีเคล็ดลับหรือลูกเล่นที่คุณมีให้!

30
จะวาง div ในแนวตั้งตรงกลางสำหรับเบราว์เซอร์ทั้งหมดได้อย่างไร?
ฉันต้องการจัดกึ่งกลางdivแนวตั้งด้วย CSS ฉันไม่ต้องการตารางหรือ JavaScript แต่ใช้ CSS เท่านั้น ฉันพบวิธีแก้ไขปัญหาบางอย่าง แต่ทั้งหมดขาดการสนับสนุน Internet Explorer 6 &lt;body&gt; &lt;div&gt;Div to be aligned vertically&lt;/div&gt; &lt;/body&gt; ฉันจะจัดกึ่งกลางdivแนวตั้งในเบราว์เซอร์หลักทั้งหมดรวมถึง Internet Explorer 6 ได้อย่างไร

16
จัดรูปภาพบูตตอบสนองศูนย์ bootstrap 3
ฉันทำแคตตาล็อกโดยใช้ Bootstrap 3 เมื่อแสดงบนแท็บเล็ตภาพผลิตภัณฑ์ดูน่าเกลียดเพราะขนาดเล็ก (500x500) และความกว้าง 767 พิกเซลในเบราว์เซอร์ ฉันต้องการที่จะวางภาพในใจกลางของหน้าจอ แต่ด้วยเหตุผลบางอย่างที่ฉันไม่สามารถ ใครจะเป็นผู้ช่วยแก้ปัญหา?

18
วิธีจัดแนว 3 divs (ซ้าย / กลาง / ขวา) ภายใน div อื่น
ฉันต้องการจัดให้ 3 divs อยู่ภายใน container div อย่างนี้: [[LEFT] [CENTER] [RIGHT]] div คอนเทนเนอร์กว้าง 100% (ไม่มีความกว้างที่ตั้งไว้) และ div center ควรอยู่ในกึ่งกลางหลังจากปรับขนาดคอนเทนเนอร์ ดังนั้นฉันจึงตั้ง: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} แต่มันจะกลายเป็น: [[LEFT] [CENTER] ] [RIGHT] เคล็ดลับใด ๆ



10
วิธีการจัด iframe ในแนวนอนเป็นศูนย์?
พิจารณาตัวอย่างต่อไปนี้: ( การสาธิตสด ) HTML: &lt;div&gt;div&lt;/div&gt; &lt;iframe&gt;&lt;/iframe&gt; CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } ผลลัพธ์: ทำไมการiframeจัดแนวกลางจึงไม่เหมือนdiv? ฉันจะจัดตำแหน่งจากส่วนกลางได้อย่างไร?


3
CSS จัดรายการหนึ่งรายการให้ตรงกับ flexbox
https://jsfiddle.net/vhem8scs/ เป็นไปได้หรือไม่ที่จะจัดแนวรายการสองรายการไว้ทางซ้าย ลิงก์แสดงอย่างชัดเจนยิ่งขึ้น ตัวอย่างสุดท้ายคือสิ่งที่ฉันต้องการบรรลุ ใน flexbox ฉันมีหนึ่งบล็อคของโค้ด ด้วย float ฉันมีโค้ดสี่บล็อก นั่นเป็นเหตุผลหนึ่งว่าทำไมฉันถึงชอบ flexbox HTML &lt;div class="wrap"&gt; &lt;div&gt;One&lt;/div&gt; &lt;div&gt;Two&lt;/div&gt; &lt;div&gt;Three&lt;/div&gt; &lt;/div&gt; &lt;!-- DESIRED RESULT --&gt; &lt;div class="result"&gt; &lt;div&gt;One&lt;/div&gt; &lt;div&gt;Two&lt;/div&gt; &lt;div&gt;Three&lt;/div&gt; &lt;/div&gt; CSS .wrap { display: flex; background: #ccc; width: 100%; justify-content: space-between; } .result { background: #ccc; margin-top: 20px; } .result:after { …
212 css  alignment  flexbox 

17
วิธีการจัดแนววิดเจ็ตใน Android เป็นเค้าโครงแนวนอน
นี่คือรหัสที่ฉันใช้และมันไม่ทำงาน: &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal"&gt; &lt;TextView android:text="TextView" android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="right"&gt; &lt;/TextView&gt; &lt;/LinearLayout&gt;
205 android  alignment 

8
วัตถุประสงค์ของการจัดตำแหน่งหน่วยความจำ
เป็นที่ยอมรับฉันไม่ได้รับมัน สมมติว่าคุณมีหน่วยความจำที่มีหน่วยความจำความยาว 1 ไบต์ ทำไมคุณไม่สามารถเข้าถึงตัวแปรความยาว 4 ไบต์ในการเข้าถึงหน่วยความจำเดียวในที่อยู่ที่ไม่ได้ลงนาม (เช่นไม่หารด้วย 4) เนื่องจากเป็นกรณีที่มีที่อยู่ที่จัดชิด

10
การจัดแนวป้ายกำกับใน iOS 6 - UITextAlignment เลิกใช้แล้ว
ดูเหมือนว่าUITextAlignmentCenterเลิกใช้แล้วใน iOS 6 ฉันยังคงใช้มันและทำงานได้ดี แต่ก็มีคำเตือน ฉันจะแก้ไขสิ่งนี้ได้อย่างไร label.textAlignment = UITextAlignmentCenter; ขอบคุณ
190 ios  alignment  label 

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