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

documention ล่าสุดมี: <p class="mb-0">Lorem ipsum</p> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ถาม: mb-0 คืออะไร

155 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

อัปเดตอีกครั้ง:ฉันกำลังปิดคำถามนี้โดยเลือกคำตอบยอดนิยมเพื่อป้องกันไม่ให้ผู้คนเพิ่มคำตอบโดยไม่เข้าใจคำถามจริงๆ ในความเป็นจริงไม่มีวิธีที่จะทำกับการสร้างในการทำงานโดยไม่ต้องใช้กริดหรือเพิ่ม CSS พิเศษ กริดทำงานได้ไม่ดีหากคุณต้องรับมือกับhelp-blockองค์ประกอบที่จำเป็นต้องทำมากกว่าการป้อนข้อมูลสั้น ๆ แต่พวกมันคือ 'build-in' ถ้าเป็นเรื่องที่ผมขอแนะนำให้ใช้คลาส CSS พิเศษที่คุณจะพบในการอภิปราย BS3 ที่นี่ ตอนนี้ BS4 ออกมาแล้วมันเป็นไปได้ที่จะใช้สไตล์การปรับขนาดที่รวมไว้เพื่อจัดการสิ่งนี้ดังนั้นสิ่งนี้จะไม่เกี่ยวข้องกันอีกต่อไป ขอขอบคุณทุกท่านที่ให้ความสำคัญกับคำถาม SO ที่ได้รับความนิยมนี้ ปรับปรุง:คำถามนี้ยังคงเปิดอยู่เพราะมันเป็นเรื่องเกี่ยวกับตัวในการทำงานในระดับปริญญาตรีสาขาการจัดการความกว้างของการป้อนข้อมูลโดยไม่ต้อง resorting ตาราง (บางครั้งพวกเขาจะต้องมีการจัดการอย่างเป็นอิสระ) ฉันใช้คลาสที่กำหนดเองเพื่อจัดการสิ่งนี้อยู่แล้วดังนั้นนี่ไม่ใช่วิธีการเกี่ยวกับ css ขั้นพื้นฐาน งานอยู่ในรายการสนทนาคุณลักษณะของ BS และยังไม่ได้รับการแก้ไข คำถามเดิม: ทุกคนสามารถหาวิธีจัดการความกว้างของอินพุตใน BS 3 ได้หรือไม่? ขณะนี้ฉันใช้คลาสที่กำหนดเองเพื่อเพิ่มฟังก์ชันการทำงานนั้น แต่ฉันอาจพลาดบางตัวเลือกที่ไม่มีเอกสาร เอกสารปัจจุบันบอกว่าจะใช้. col-lg-x แต่ไม่สามารถใช้งานได้อย่างชัดเจนเนื่องจากสามารถใช้กับคอนเทนเนอร์ div เท่านั้นซึ่งจะทำให้เกิดปัญหาเกี่ยวกับเลย์เอาต์ / โฟลตทุกชนิด นี่คือซอ แปลกคือบนซอฉันไม่สามารถแม้แต่จะปรับขนาดกลุ่มแบบฟอร์มได้ http://jsfiddle.net/tX3ae/ <form role="form" class="row"> <div …

154 css  twitter-bootstrap  twitter-bootstrap-3 

ฉันจะจัดตำแหน่งตัวจัดตำแหน่งของตัวป้อนฟิลด์ในรูปแบบ html ได้อย่างไร ฉันใช้รหัสต่อไปนี้ แต่มันไม่ทำงาน: CSS -> input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; } HTML -> <form action="" method="POST"> <input type="text" class="emailField" placeholder="support@socialpic.org" style="text-align: center" name="email" /> <!<input type="submit" value="submit" /> </form>

154 html  css 

คุณจะเพิ่มกฎ CSS (เช่นstrong { color: red }) โดยใช้ Javascript ได้อย่างไร

154 javascript  css 

ฉันต้องการคนสองคนที่จะดูเป็นแบบนี้: | | ---| LOGO |------------------------ | |_______________| LINKS | | CONTENT | อะไรคือวิธีที่ประณีต / งดงามที่สุดในการทำให้มันซ้อนทับกันอย่างเป็นระเบียบ? โลโก้จะมีความสูงและความกว้างคงที่และจะสัมผัสกับขอบด้านบนของหน้า

154 css  html  overlap 

ฉันจะจำลองการทำงานของbackground-size:coverองค์ประกอบ html เช่น<video>หรือได้<img>อย่างไร ฉันต้องการให้มันทำงาน background-size: cover; background-position: center center;

154 javascript  jquery  css 

มีวิธีการสไตล์<input type=file />องค์ประกอบ(หรือสคริปต์) ที่จะมองเห็นได้เฉพาะปุ่ม "เรียกดู" โดยไม่มีฟิลด์ข้อความ? ขอบคุณ แก้ไข : เพียงชี้แจงว่าทำไมฉันถึงต้องการสิ่งนี้ ฉันกำลังใช้รหัสอัปโหลดไฟล์หลายไฟล์จากhttp://www.morningz.com/?p=5และไม่จำเป็นต้องป้อนฟิลด์ข้อความเพราะมันไม่มีค่า สคริปต์เพิ่งเพิ่มไฟล์ที่เลือกใหม่เพื่อรวบรวมในหน้า มันจะดูดีขึ้นมากหากไม่มีฟิลด์ข้อความถ้าเป็นไปได้

154 javascript  html  css 

ฉันไม่สามารถลบการเยื้องออกจากรายการที่ไม่เรียงลำดับของฉันเมื่อมีบรรทัดยาวในรายการของฉันล้อมรอบ นี่คือรายการของฉันดูเหมือนว่า: ผู้ใช้ Windows สามารถใช้ผงสำหรับอุดรู ผู้ใช้ Mac สามารถใช้ Terminal.app ผู้ใช้ Linux สามารถใช้ SSH userid@ourserver.com พอร์ต 22 ........... > หรือใช้โปรแกรม SFTP อย่าง Cyberduck เพียงชี้ไปที่ ........................... .............. > ourserver.com พอร์ต 22 (จุดแสดงเยื้อง) ฉันได้อ่านวิธีแก้ไขปัญหามากมายแล้วลองตั้งค่าระยะขอบและระยะห่างจากศูนย์ให้เป็นศูนย์โดยใช้การเยื้องข้อความแบบรายการ แต่ไม่มีอะไรทำงาน ฉันคิดว่าปัญหาคือมีส่วนหัวเหนือรายการที่ฉันต้องการให้อยู่กึ่งกลางดังนั้นฉันจึงตั้งระยะขอบให้เป็นอัตโนมัติและจากนั้นจะทำรายการด้านล่างยุ่งเหยิง แต่แม้ว่าฉันจะบอกว่ามีสอง divs อยู่ใน div parent มันไม่ทำงาน นี่คือ HTML / CSS (ฉันรวมทุกอย่างในกรณีที่มีการตั้งค่าบางอย่างที่ทำให้การแก้ปัญหาอื่น ๆ ทั้งหมดล้มเหลว) <div id="info"> <p><strong>Did you …

154 html  css  html-lists 

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

154 css  button 

ฉันมีภาชนะที่มี<div> แต่ก็มีเด็ก display: flex<a> ฉันจะทำให้เด็กปรากฏเป็น "อินไลน์" ได้อย่างไร โดยเฉพาะฉันจะกำหนดความกว้างของเด็กตามเนื้อหาได้อย่างไรและไม่ขยายไปถึงความกว้างของผู้ปกครอง สิ่งที่ฉันพยายาม: ฉันตั้งค่าให้เด็กdisplay: inline-flexแต่ก็ยังใช้ความกว้างเต็ม ฉันยังลองคุณสมบัติการแสดงผลอื่น ๆ ทั้งหมด แต่ไม่มีผลใด ๆ ตัวอย่าง: .container { background: red; height: 200px; flex-direction: column; padding: 10px; display: flex; } a { display: inline-flex; padding: 10px 40px; background: pink; } <div class="container"> <a href="#">Test</a> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล http://codepen.io/donpinkus/pen/YGRxRY

154 html  css  flexbox 

ฉันใช้ข้อมูลเชิงลึกของ Google PageSpeed ​​เพื่อพยายามปรับปรุงประสิทธิภาพเว็บไซต์ของฉันและจนถึงตอนนี้ก็พิสูจน์แล้วว่าประสบความสำเร็จอย่างมาก สิ่งต่าง ๆ เช่นการชะลอการทำงานของสคริปต์ทำได้อย่างสวยงามเนื่องจากฉันมี jQuery's รุ่นในบ้านที่.ready()จะเลื่อนการทำงานของสคริปต์จนกระทั่งหน้าโหลดเต็มทั้งหมดที่ฉันต้องทำคือทำแบบอินไลน์ฟังก์ชั่นเฉพาะนั้นและย้ายสคริปต์แบบเต็มไปยังส่วนท้ายของหน้า มันใช้งานได้ดีมาก แต่ตอนนี้ฉันพบว่าตัวเองจ้องมองที่จุดสีเหลืองที่เหลืออยู่ในรายการตรวจสอบ: "กำจัด CSS บล็อกการแสดงผลในเนื้อหาด้านบนพับ" วิธีการตั้งค่า CSS ของฉันคือการมี_.cssไฟล์ทั่วโลกหนึ่งไฟล์ที่มีสไตล์ที่ใช้กับโครงสร้างหน้าเว็บโดยทั่วไปหรือใช้มากกว่าหนึ่งหรือสองแห่งทั่วทั้งไซต์ หน้าส่วนใหญ่จะมีไฟล์ CSS ที่เชื่อมโยง (เช่นparty.phpมีparty.css) ที่มีสไตล์เฉพาะสำหรับหน้านั้น ไฟล์ CSS ทั้งหมดจะถูกแคชอย่างไม่มีกำหนดเมื่อฉันผนวก/t=FILEMTIMEเข้ากับชื่อไฟล์ (และลบออกด้วย. htaccess ในภายหลัง) เพื่อรับประกันว่าไฟล์จะได้รับการอัปเดตเมื่อมีการเปลี่ยนแปลง อย่างไรก็ตาม Google ขอแนะนำการสร้างสไตล์ที่สำคัญที่จำเป็นสำหรับเนื้อหาที่อยู่ด้านบน ปัญหาคือ ... ดีลองดูภาพหน้าจอนี้: http://prntscr.com/1qt49e ที่คุณสามารถดู ... ทั้งหมดของเนื้อหาที่อยู่เหนือ-the-พับ! ผู้คนเกลียดการเลื่อนโดยเฉพาะอย่างยิ่งในเกมที่เกี่ยวข้องกับการโหลดหลายหน้า ดังนั้นฉันจึงออกแบบเว็บไซต์ให้พอดีกับหน้าจอเดียว (สมมติว่ามีความละเอียดที่ดีพอ) ดังนั้นหมายความว่า ... ทั้งหมดของรูปแบบที่นำไปใช้กับข้างต้นครึ่งหน้าเนื้อหา! ดังนั้น ... มีวิธีแก้ไขไหม? หรือฉันติดอยู่กับเครื่องหมายสีเหลืองนั้นบนคะแนนที่ใกล้เคียงอย่างสมบูรณ์?

153 css  pagespeed 

ฉันพยายามทำให้ข้อความเป็นตัวหนาโดยใช้ HTML แต่ฉันพยายามดิ้นรนเพื่อให้ทำงานได้ นี่คือสิ่งที่ฉันพยายาม: Some <bold>text</bold> that I want emboldened. มีคนบอกฉันว่าฉันทำอะไรผิดหรือเปล่า?

153 css  html 

ฉันควรทำยังไงดี? .hide()เร็วกว่าการเขียนออกมา.css("display", "none")แต่อะไรคือความแตกต่างและสิ่งที่ทั้งคู่ทำกับองค์ประกอบ HTML คืออะไร

153 javascript  jquery  html  css  show-hide 

ทำไมการdisplay:block;width:auto;ป้อนข้อความของฉันไม่ทำงานเหมือน div และเติมความกว้างของคอนเทนเนอร์ ฉันรู้สึกว่า div เป็นเพียงองค์ประกอบของบล็อกที่มีความกว้างอัตโนมัติ ในรหัสต่อไปนี้ div และอินพุทไม่ควรมีขนาดเท่ากัน? ฉันจะรับอินพุตเพื่อเติมความกว้างได้อย่างไร ความกว้าง 100% จะไม่ทำงานเนื่องจากอินพุตมีช่องว่างภายในและเส้นขอบ (ทำให้เกิดความกว้างสุดท้ายของ 1 พิกเซล + 5 พิกเซล + 100% + 5 พิกเซล + 1 พิกเซล) ความกว้างคงที่ไม่ใช่ตัวเลือกและฉันกำลังมองหาบางอย่างที่ยืดหยุ่นกว่า ฉันต้องการคำตอบโดยตรงกับวิธีแก้ปัญหาโดยตรง ดูเหมือนว่าจะเป็นเรื่องแปลก ๆ และเข้าใจว่ามันอาจจะมีประโยชน์ในภายหลัง <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>width:auto</title> <style> div, input { border: 1px solid red; …

153 html  css 

ฉันไม่ได้ใช้แฟลชหรือ PHP - และฉันถูกขอให้เพิ่มแบบอักษรที่กำหนดเองลงในเค้าโครง HTML แบบง่าย "KG June Bug" ฉันดาวน์โหลดมันไว้ในเครื่อง - มีเคล็ดลับ CSS ง่าย ๆ ในการทำสิ่งนี้หรือไม่?

153 html  css  fonts  webfonts