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

ฉันพยายามจัดเนื้อหาของคอลัมน์ให้อยู่กึ่งกลาง ดูเหมือนจะไม่เหมาะกับฉัน นี่คือ HTML ของฉัน: <div class="row"> <div class="col-xs-1 center-block"> <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </div> </div> JSFiddle สาธิต

127 html  css  twitter-bootstrap 

ฉันต้องการแสดงรายการนี้เป็นบรรทัดเดียว รายการ 1 รายการ 2 ควรแสดงเป็น * รายการรายการ 2 * รายการ 2 CSS สไตล์ใดที่จะใช้?

126 css 

สิ่งที่ไม่autoทำmargin:0 auto;? ดูเหมือนฉันจะไม่เข้าใจว่าautoมันคืออะไร ฉันรู้ว่าบางครั้งมันมีผลต่อการจัดวัตถุให้อยู่ตรงกลาง ขอบคุณ

126 css 

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

126 css  css-sprites  web-performance 

การใช้ตัวอย่างหลักที่นำมาจากหน้าตัวอย่าง Bootstrap 3 Javascript สำหรับการยุบฉันสามารถแสดงสถานะการยุบโดยใช้ไอคอนรูปตัววี ฉันใช้งานได้โดยใช้: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); วิธีนี้ใช้งานได้ (ไม่ได้ทดสอบอย่างสมบูรณ์ในทุกเบราว์เซอร์) แต่ฉันสงสัยว่ามีวิธีแก้ปัญหาที่หรูหรากว่านี้หรือไม่? ตามหลักการแล้วฉันต้องการใช้ฟังก์ชันหลัก แต่ฉันไม่แน่ใจว่าจะได้ผลลัพธ์เดียวกันกับมันอย่างไร $('#accordion').on('hidden.bs.collapse', function () { //do something... }) ต่อไปนี้เป็นรุ่นที่ทำงานในjsfiddle

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3 

ฉันมี div ส่วนหัวเป็นองค์ประกอบแรกใน wrapper div ของฉัน แต่เมื่อฉันเพิ่มระยะขอบบนลงใน h1 ภายในส่วนหัว div มันจะดันส่วนหัวทั้งหมด div ลง ฉันตระหนักดีว่าสิ่งนี้เกิดขึ้นเมื่อใดก็ตามที่ฉันใช้ระยะขอบบนกับองค์ประกอบแรกที่มองเห็นได้บนหน้า นี่คือตัวอย่างข้อมูลโค้ด ขอบคุณ! div#header{ width: 100%; background-color: #eee; position: relative; } div#header h1{ text-align: center; width: 375px; height: 50px; margin: 50px auto; font-size: 220%; background: url('../../images/name_logo.png') no-repeat; } <div id="header"> <h1>Title</h1> <ul id="navbar"></ul> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด

126 html  css  xhtml 

ฉันกำลังพยายามทำให้รูปภาพ (วางแบบไดนามิกโดยไม่มีข้อ จำกัด เรื่องขนาด) ให้กว้างเท่ากับ div พาเรนต์ แต่ตราบใดที่ความกว้างนั้นไม่กว้างกว่าความกว้างของมันเองที่ 100% ฉันได้ลองแล้ว แต่ก็ไม่เกิดประโยชน์: img { width: 100%; height: auto; max-width: 100%; } ภาพเหล่านี้หลายภาพกว้างกว่า div หลักซึ่งเป็นสาเหตุที่ฉันต้องการให้ปรับขนาดตามนั้น แต่เมื่อมีภาพเล็ก ๆ ปรากฏขึ้นที่นั่นและได้รับการปรับขนาดให้เกินขนาดปกติมันดูแย่มาก มีวิธีใดบ้างในการทำเช่นนี้?

126 html  width  css 

ฉันมีองค์ประกอบเลือกฉันต้องการที่จะเอาลูกศรแล้วฉันสามารถเพิ่มไอคอนอื่น ๆ .. ฉันสามารถทำเช่นนั้นสำหรับ Firefox Safari และ Chrome แต่นี้ไม่ได้ทำงานในIE9 .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: 179px 7px; text-indent: 0.01px; text-overflow: ""; color: #FCAF17; width:200px; } SEE ซอบนIE9 สิ่งที่ฉันต้องการคือลบลูกศรใน ie9 โปรดตอบ …

126 html  css  html-select 

ฉันต้องการ div จะเสมอที่ด้านขวาของ div float:rightแม่ของมันดังนั้นฉันใช้ มันได้ผล. แต่ฉันยังต้องการให้มันไม่ส่งผลกระทบต่อเนื้อหาอื่น ๆ เมื่อแทรกดังนั้นฉันจึงใช้position:absolute. ตอนนี้ใช้float:rightไม่ได้ div ของฉันจะอยู่ทางซ้ายของ div หลักเสมอ ฉันจะย้ายไปทางขวาได้อย่างไร?

126 css  css-float  position 

ฉันมีสองภาพที่ต้องเก็บไว้ในบรรทัด ฉันต้องการเขียนคำบรรยายใต้ภาพแต่ละภาพ <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> ฉันจะใช้งานได้อย่างไร?

126 css  html 

มีวิธีสำหรับนักพัฒนาเว็บในการปิดการตรวจสอบการสะกดของ Chrome / Safari / WebKit เฉพาะinputหรือtextareaองค์ประกอบหรือไม่? ฉันหมายถึงโดยแอตทริบิวต์แท็กพิเศษหรือคำสั่ง CSS ที่เป็นกรรมสิทธิ์ มีคำสั่ง CSS สำหรับการปิดการสรุปinputs ดังนั้นฉันคิดว่าอาจมีอยู่ด้วย ฉันรู้ว่าผู้ใช้สามารถทำได้อย่างไร หรือในฐานะผู้ใช้ฉันสามารถปิดใช้งานสำหรับบางโดเมนได้หรือไม่

126 html  css  google-chrome  spell-checking 

ฉันเพิ่งค้นพบ Sass และฉันก็ตื่นเต้นกับมันมาก ในเว็บไซต์ของฉันฉันใช้เมนูการนำทางที่เหมือนต้นไม้ซึ่งมีสไตล์โดยใช้ลูก combinator ( E > F) มีวิธีใดในการเขียนโค้ดนี้ใหม่ด้วยไวยากรณ์ที่ง่ายกว่า (หรือดีกว่า) ใน Sass หรือไม่? #foo > ul > li > ul > li > a { color: red; }

126 css  css-selectors  sass 

ฉันมีปุ่มในหน้าของฉันซึ่งเมื่อคลิกแล้วจะแสดงdiv(รูปแบบป๊อปอัป) ที่กลางหน้าจอของฉัน ฉันใช้ CSS ต่อไปนี้เพื่อdivจัดกึ่งกลางตรงกลางหน้าจอ: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } CSS นี้ทำงานได้ดีตราบเท่าที่ไม่ได้เลื่อนหน้าลง แต่ถ้าฉันวางปุ่มที่ด้านล่างของหน้าเมื่อคลิกปุ่มdivจะแสดงที่ด้านบนและผู้ใช้ต้องเลื่อนขึ้นเพื่อดูเนื้อหาของไฟล์div. ฉันต้องการทราบวิธีแสดงdivตรงกลางหน้าจอแม้ว่าจะเลื่อนหน้าไปแล้วก็ตาม

126 html  css  scroll  position  centering 

ฉันต้องการให้ความสูงของ#abc divที่50pxและข้อความจัดแนวตั้งตรงกลางไฟล์div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด

126 css  vertical-alignment 

สิ่งที่ฉันพยายามทำคือเปลี่ยนสีคำแนะนำเครื่องมือเป็นสีแดง อย่างไรก็ตามฉันต้องการมีสีอื่น ๆ อีกหลายสีดังนั้นฉันไม่เพียงต้องการแทนที่สีของคำแนะนำเครื่องมือดั้งเดิม ฉันจะทำสิ่งนี้ได้อย่างไร

126 html  css  twitter-bootstrap