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

ฉันต้องวางองค์ประกอบdiv(พร้อมposition:absolute;) ในใจกลางหน้าต่างของฉัน แต่ผมกำลังมีปัญหาในการทำเช่นนั้นเพราะมีความกว้างไม่เป็นที่รู้จัก ฉันลองสิ่งนี้ แต่จำเป็นต้องปรับเนื่องจากความกว้างตอบสนองได้ .center { left: 50%; bottom:5px; } ความคิดใด ๆ

1078 css  css-position  center  absolute 

ฉันใช้เลขหน้าและมันจะต้องเป็นศูนย์กลาง ปัญหาคือการเชื่อมโยงจะต้องแสดงเป็นบล็อกจึงต้องลอย แต่text-align: center;ไม่สามารถใช้งานได้ ฉันสามารถทำได้โดยการให้ส่วนหุ้มของ divpper ของด้านซ้าย แต่ทุกหน้าจะมีจำนวนหน้าที่แตกต่างกันดังนั้นมันจะไม่ทำงาน นี่คือรหัสของฉัน: .pagination { text-align: center; } .pagination a { display: block; width: 30px; height: 30px; float: left; margin-left: 3px; background: url(/images/structure/pagination-button.png); } .pagination a.last { width: 90px; background: url(/images/structure/pagination-button-last.png); } .pagination a.first { width: 60px; background: url(/images/structure/pagination-button-first.png); } <div class='pagination'> <a class='first' …

354 css-float  center  css 

นี่เป็นคำถามสองส่วน: คุณจะวางตำแหน่งคำกริยาในแนวตั้งได้อย่างไรเมื่อคุณไม่ทราบความสูงที่แท้จริงของคำกริยา? เป็นไปได้หรือไม่ที่จะมีคำกริยาที่กึ่งกลางและล้น: อัตโนมัติในตัวโมดอล แต่เฉพาะถ้าโมดัลมีความสูงเกินความสูงของหน้าจอ ฉันได้ลองใช้สิ่งนี้: .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; } สิ่งนี้ทำให้ฉันได้ผลลัพธ์ที่ฉันต้องการเมื่อเนื้อหามีขนาดใหญ่กว่าขนาดหน้าจอแนวตั้ง แต่สำหรับเนื้อหาที่เป็นกิริยาช่วยเล็กน้อยมันใช้ไม่ได้

270 css  twitter-bootstrap  modal-dialog  center 

ฉันแค่อยากรู้ว่าทำไม<center>แท็กใน HTML จึงเลิกใช้แล้ว นี่<center>เป็นวิธีที่ง่ายในการจัดบล็อกของข้อความและรูปภาพที่กึ่งกลางอย่างรวดเร็วโดยใส่ในภาชนะใน<center>แท็กและฉันไม่สามารถหาวิธีที่ง่ายกว่านี้ได้ในตอนนี้ ใครรู้วิธีง่าย ๆ ในการจัดกึ่งกลาง "สิ่งของ" (ไม่ใช่สิ่งmargin-left:auto; margin-right:auto;และความกว้าง) สิ่งที่มาแทนที่<center>? และทำไมมันเลิก?

202 html  tags  center  deprecated 

ฉันเป็น div และต้องการให้มันอยู่กึ่งกลางแนวนอน - แม้ว่าฉันจะให้มันmargin:0 auto;มันไม่ได้อยู่กึ่งกลาง ... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

ฉันรู้ว่ามันฟังดูง่าย ฉันต้องวางข้อความไว้ที่กึ่งกลาง แต่เมื่อข้อความยาวเกินไปก็ต้องลงไปด้านล่าง แต่ยังคงอยู่ในแนวกึ่งกลางของ xml ของฉัน นี่คือรหัสของฉัน: <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/showdescriptioncontenttitle" android:paddingTop="10dp" android:paddingBottom="10dp" android:layout_centerHorizontal="true" > <TextView android:id="@+id/showdescriptiontitle" android:text="Title" android:textSize="35dp" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> ฉันใส่ paddingTop และ Bottom เพราะฉันต้องการที่ว่าง PS: รหัสของฉันใหญ่กว่า มันอยู่ใน RelativeLayout

150 java  android  xml  text  center 

ฉันค้นหาคำถามอื่นแล้วและในขณะที่ปัญหานี้ดูเหมือนกับคำถามอื่น ๆ อีกสองเรื่อง แต่ฉันก็ยังไม่เห็นอะไรเลยที่จะจัดการกับปัญหาที่ฉันมีอยู่ ฉันมี div ที่มี div อื่น ๆ อยู่จำนวนหนึ่งซึ่งแต่ละอันจะถูกปล่อยให้ลอย div เหล่านี้แต่ละคนมีภาพถ่ายและคำอธิบาย สิ่งที่ฉันต้องการคือให้กลุ่มภาพถ่ายอยู่กึ่งกลางภายใน div ที่มี อย่างที่คุณเห็นจากโค้ดด้านล่างฉันลองใช้ทั้งคู่overflow:hiddenและmargin:x autoบน div parent แล้วและฉันก็เพิ่ม a clear:both(ตามที่แนะนำในหัวข้ออื่น) หลังจากรูปถ่าย ดูเหมือนจะไม่มีอะไรสร้างความแตกต่าง ขอบคุณ. ฉันขอขอบคุณข้อเสนอแนะใด ๆ <div style="position: relative; margin: 0 auto; overflow: hidden; text-align: center;"> <h4>Section Header</h4> <div style="margin: 2em auto;"> <div style="float: left; margin: auto 1.5em;"> …

142 html  center  css 

สวัสดีฉันกำลังใช้สิ่งที่คุ้นเคยกับสิ่งต่อไปนี้เพื่อให้ div อยู่ในตำแหน่งกลางหน้าจอ: <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; } </style> <div id="mydiv">Test Div</div> อย่างไรก็ตามปัญหาเกี่ยวกับสิ่งนี้คือมันวางตำแหน่งรายการที่อยู่ตรงกลางของหน้าไม่ใช่หน้าจอ ดังนั้นหากหน้าจอมีบางหน้าจอสูงและฉันอยู่ที่ด้านบนของหน้า (ส่วนบนของส่วนจะปรากฏบนหน้าจอ) …

141 css  html  window  center 

เป็นไปได้ไหมที่จะจัดกึ่งกลางของภาพพื้นหลังใน div? ฉันลองทุกอย่างแล้ว - แต่ไม่สำเร็จ: <div id="doit"> Lorem Ipsum ... </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } เป็นไปได้ไหม

136 html  css  image  background  center 

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

129 c#  winforms  screen  center 

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

127 html  center  alignment  css-position 

ใน 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 

ฉันมี div ที่จะมี CSS นี้: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } ตอนนี้ฉันจะทำให้ div นี้อยู่กึ่งกลางได้อย่างไร ฉันสามารถใช้margin-left: -450px; left: 50%;แต่จะใช้ได้ก็ต่อเมื่อหน้าจอมีขนาด> 900 พิกเซล หลังจากนั้น (เมื่อหน้าต่างมีขนาด <900 พิกเซล) หน้าต่างจะไม่อยู่ตรงกลางอีกต่อไป แน่นอนฉันสามารถทำสิ่งนี้กับ js บางประเภทได้ แต่มี "ถูกต้องกว่า" ในการทำเช่นนี้กับ CSS หรือไม่?

90 css  html  center 

ฉันต้องการสร้างเค้าโครงแถวรายการ เลย์เอาต์นี้มีมุมมองภาพอยู่ทางซ้ายสุดมุมมองข้อความถัดจากมุมมองภาพและมุมมองภาพที่ด้านขวาสุด ฉันต้องการให้ทั้งหมดอยู่ตรงกลางแนวตั้ง <RelativeLayout android:layout_width="fill_parent" android:layout_height="100dp" android:gravity="center_vertical" > <ImageView android:id="@+id/icon" android:layout_width="50dp" android:layout_height="50dp" android:layout_gravity="center_vertical" /> <TextView android:id="@+id/func_text" android:layout_toRightOf="@id/icon" android:layout_width="wrap_content" android:layout_height="100dp" android:layout_gravity="center_vertical" /> <ImageView android:layout_width="50dp" android:layout_height="50dp" android:layout_alignParentRight="true" android:layout_gravity="center_vertical" android:src="@drawable/arrow" /> </RelativeLayout> ฉันพยายามเพิ่มลงandroid:layout_centerVertical="true"ใน textview ด้วย แต่ผลที่ได้คือมุมมองข้อความจัดชิดด้านล่างกับมุมมองสองภาพ ฉันลองสิ่งนี้ในโปรแกรมจำลอง Android 4.2 ใครสามารถช่วยฉันเกี่ยวกับเรื่องนี้?

88 android  center  android-relativelayout 

ปัญหาการตั้งศูนย์ CSS โดยทั่วไปไม่ได้ผลสำหรับฉันปัญหาคือฉันไม่ทราบความกว้าง px ที่เสร็จสิ้นแล้ว ฉันมี div สำหรับการนำทางทั้งหมดแล้วแต่ละปุ่มภายในพวกเขาจะไม่อยู่ตรงกลางอีกต่อไปเมื่อมีปุ่มมากกว่าหนึ่งปุ่ม :( CSS .nav{ margin-top:167px; width:1024px; height:34px; } .nav_button{ height:34px; margin:0 auto; margin-right:10px; float:left; } HTML <div class="nav"> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Home</div> <div class="b_right"></div> </div> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Contact Us</div> <div class="b_right"></div> </div> </div> ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมอย่างมาก. ขอบคุณ ผลลัพธ์ …

86 css  button  center