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

ฉันใช้เฟล็กบ็อกซ์เพื่อแสดง 8 รายการที่จะปรับขนาดแบบไดนามิกกับหน้าของฉัน ฉันจะบังคับให้แยกรายการออกเป็นสองแถวได้อย่างไร (4 ต่อแถว)? นี่คือ snip ที่เกี่ยวข้อง: (หรือถ้าคุณชอบ jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid black; } .parent { display: flex; font-size: 0; flex-wrap: wrap; margin: -10px 0 0 -10px; } .child { display: inline-block; background: blue; margin: 10px 0 0 10px; …

260 html  css  flexbox 

ฉันกำลังสร้างฟอร์มใน Twitter Bootstrap แต่ฉันมีปัญหากับการกดปุ่มตรงกลางด้านล่างอินพุตในแบบฟอร์ม ฉันได้ลองใช้center-blockชั้นเรียนกับปุ่มแล้ว แต่ไม่ได้ผล ฉันจะแก้ไขได้อย่างไร นี่คือรหัสของฉัน <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> </div>

259 html  css  twitter-bootstrap  button 

ดังนั้นในการพยายามทำ modal ที่มีประโยชน์โดยใช้ flexbox ฉันพบสิ่งที่น่าจะเป็นปัญหาของเบราว์เซอร์และสงสัยว่ามีการแก้ไขหรือวิธีแก้ปัญหาที่รู้จักหรือแนวคิดในการแก้ไข สิ่งที่ฉันพยายามแก้ไขมีสองด้าน ก่อนอื่นให้นำหน้าต่าง modal กึ่งกลางแนวตั้งซึ่งทำงานตามที่คาดไว้ ที่สองคือการได้รับหน้าต่าง modal เพื่อเลื่อน - ภายนอกดังนั้นหน้าต่าง modal ทั้งหมดเลื่อนไม่เนื้อหาภายใน (นี่คือเพื่อให้คุณสามารถมีแบบเลื่อนลงและองค์ประกอบ UI อื่น ๆ ที่สามารถขยายนอกขอบเขตของ modal - เช่นเครื่องมือเลือกวันที่ที่กำหนดเอง ฯลฯ ) อย่างไรก็ตามเมื่อรวมการจัดกึ่งกลางแนวตั้งกับแถบเลื่อนด้านบนของ modal อาจไม่สามารถเข้าถึงได้เมื่อเริ่มล้น ในตัวอย่างข้างต้นคุณสามารถปรับขนาดเพื่อบังคับโอเวอร์โฟลว์และในการทำเช่นนั้นจะช่วยให้คุณเลื่อนไปที่ด้านล่างของคำกริยา แต่ไม่ไปด้านบน (ย่อหน้าแรกถูกตัดออก) นี่คือลิงค์ไปยังตัวอย่างโค้ด (ง่ายมาก) https://jsfiddle.net/dh9k18k0/2/ .modal-container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, …

259 html  css  flexbox  browser-bugs 

ฉันทำงานกับ CMS ซึ่งฉันสามารถเข้าถึงไฟล์ CSS ได้เท่านั้น ดังนั้นฉันไม่สามารถรวมสิ่งใดไว้ในส่วนหัวของเอกสาร ฉันสงสัยว่ามีวิธีนำเข้าแบบอักษรเว็บจากภายในไฟล์ CSS หรือไม่

258 css  fonts  google-webfonts 

ฉันมีข้อความยาวภายในที่divกำหนดไว้width : HTML: <div>Stack Overflow is the BEST !!!</div> CSS: div { border: 1px solid black; width: 70px; } ฉันจะบังคับให้สตริงอยู่ในหนึ่งบรรทัดได้อย่างไร (เช่นถูกตัดกลาง "โอเวอร์โฟลว์") ฉันพยายามใช้overflow: hiddenแต่ก็ไม่ได้ช่วยอะไร

258 html  css 

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ มีข้อได้เปรียบในการมีไฟล์. ccss สัตว์ประหลาดหนึ่งตัวที่มีองค์ประกอบของสไตล์ที่จะใช้กับแทบทุกหน้าหรือไม่? ฉันคิดว่าเพื่อความสะดวกในการจัดการฉันต้องการดึง CSS ประเภทต่างๆออกเป็นไฟล์สองสามไฟล์และการรวมทุกไฟล์ในไฟล์หลักของฉันนั้น<link />ไม่ดีเลยเหรอ? ฉันคิดว่ามันดีกว่า positions.css buttons.css tables.css copy.css เมื่อเทียบกับ site.css คุณเคยเห็น gotchas ด้วยวิธีใดวิธีหนึ่งเปรียบเทียบกับวิธีอื่นหรือไม่?

258 css  html  stylesheet 

ฉันจะเลือกtrองค์ประกอบทั้งหมดยกเว้นสิ่งแรกtrในตารางด้วย CSS ได้อย่างไร ฉันลองใช้วิธีนี้แต่พบว่าใช้ไม่ได้

257 css  css-selectors 

นี่คือ HTML: <div id="outer"> <div id="inner"></div> Test </div> และนี่คือ CSS: #inner { float: left; height: 100%; } เมื่อตรวจสอบด้วยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome div ภายในจะมีความสูงถึง 0px ฉันจะบังคับให้เป็น 100% ของส่วนสูงของผู้ปกครองได้อย่างไร

256 css  html  height 

HTML: <label for="email">{t _your_email}:</label> CSS: label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } ฉันต้องการเลือกป้ายกำกับตามคุณลักษณะ 'สำหรับ' เพื่อเปลี่ยนแปลงเค้าโครง

256 css  css-selectors 

มีวิธีสร้างตัวอักษรตัวพิมพ์ใหญ่ตัวแรกในป้ายกำกับใน CSS หรือไม่ นี่คือ HTML ของฉัน: <a class="m_title" href="">gorr</a> <a class="m_title" href="">trro</a> <a class="m_title" href="">krro</a> <a class="m_title" href="">yrro</a> <a class="m_title" href="">gwwr</a> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

255 css 

รับ HTML นี้: <div>foo</div><div>bar</div><div>baz</div> คุณทำให้มันแสดงแบบอินไลน์ได้อย่างไร: foo bar baz ไม่เหมือน: foo bar baz

254 css  line  html 

คำถาม noob ทั้งหมด แต่ที่นี่ CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; }​​​ HTML <span class="product__specfield_8_arrow"> </span>​ ซอ โดยทั่วไปฉันพยายามเลียนแบบปุ่มสร้างระยะห่าง (หรือบางอย่าง) ให้ดูเหมือนปุ่มถัดจากฟิลด์อินพุตที่จริงไม่จำเป็นต้องเป็นปุ่มเพราะตัวสร้างการเติมอัตโนมัติที่สร้างข้อผิดพลาดเมื่อป้อน คิดว่านี่จะเป็นการแก้ไขด่วนในตอนนี้ แต่ไม่ชัดเจน ขอบคุณ

254 css  html  width 

ฉันมี SVG ที่ฉันพยายามจัดให้อยู่ในกอง div มีความกว้างหรือ 900px SVG มีความกว้าง 400px SVG มีการตั้งค่าระยะขอบซ้ายและระยะขอบขวาเป็นอัตโนมัติ ใช้งานไม่ได้มันแค่ทำหน้าที่ราวกับว่าระยะขอบด้านซ้ายเป็น 0 (ค่าเริ่มต้น) ใครทราบข้อผิดพลาดของฉัน

254 css  layout  svg  positioning  margin 

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

253 cross-browser  rounded-corners  css 

ฉันพยายามสร้างเลย์เอาต์ที่คล้ายกันดังต่อไปนี้: +---+---+---+ | | | | +---+---+---+ | | +-----------+ โดยที่ด้านล่างเติมช่องว่างของแถวบน หากนี่เป็นตารางจริงฉันสามารถทำสิ่งนี้ได้อย่างง่ายดาย<td colspan="3">แต่เมื่อฉันสร้างเค้าโครงเหมือนตารางฉันไม่สามารถใช้<table>แท็กได้ เป็นไปได้โดยใช้ CSS?

251 css