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

ฉันมีองค์ประกอบตารางเซลล์จำนวนไม่แน่นอนภายในคอนเทนเนอร์ตาราง <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> มีวิธี CSS อย่างแท้จริงในการทำให้เซลล์ตารางมีความกว้างเท่ากันแม้ว่าจะมีเนื้อหาที่มีขนาดต่างกันหรือไม่? ขอบคุณ แก้ไข: การมีความกว้างสูงสุดจะทำให้รู้ว่าคุณคิดว่ามีกี่เซลล์?

148 html  css  html-table 

ฉันกำลังเขียนหน้าที่ฉันต้องการตาราง HTML เพื่อรักษาขนาดที่ตั้งไว้ ฉันต้องการส่วนหัวที่ด้านบนของตารางเพื่ออยู่ที่นั่นตลอดเวลา แต่ฉันยังต้องการเนื้อความของตารางเพื่อเลื่อนไม่ว่าจะมีการเพิ่มแถวจำนวนเท่าใดในตาราง คิดว่าเป็นรุ่นเล็ก ๆ ของ excel ดูเหมือนว่าเป็นงานง่าย ๆ แต่เกือบทุกโซลูชันที่ฉันพบบนเว็บจะมีข้อเสียเปรียบ ฉันจะแก้ปัญหานี้ได้อย่างไร

148 javascript  html  css  html-table 

ฉันต้องการจัดวางภาพพื้นหลังไว้ที่กึ่งกลาง ไม่มีการใช้ div นี่คือCSSสไตล์ : body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } CSS CSS ด้านบนทั่วและวางกึ่งกลาง แต่ไม่เห็นภาพครึ่งหนึ่งมันแค่เลื่อนขึ้น สิ่งที่ฉันต้องการจะทำคือจัดภาพให้อยู่ตรงกลาง ฉันสามารถนำภาพไปใช้ดูบนหน้าจอขนาด 21 นิ้วได้หรือไม่

148 css 

ฉันเพิ่งสะดุดกับคำถามนี้และฉันสังเกตเห็นว่าผู้ใช้ใช้สัญกรณ์บางอย่างที่ฉันไม่เคยเห็นมาก่อน: @font-face { /* CSS HERE */ } @สัญลักษณ์นี้มีอะไรใหม่ใน CSS3 หรือสิ่งเก่า ๆ ที่ฉันมองข้ามไป นี่เป็นสิ่งที่คุณใช้กับ ID #และชั้นเรียนที่คุณใช้.หรือไม่ Google ไม่ได้ให้บทความที่ดีใด ๆ เกี่ยวกับเรื่องนี้กับฉัน จุดประสงค์ของ @สัญลักษณ์ใน CSS คืออะไร?

148 css  syntax  symbols 

ฉันมี flexbox ซ้าย - ขวา: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div class="right">Right</div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ปัญหาคือเด็กที่ถูกต้องไม่แสดงพฤติกรรมตอบสนอง เพื่อให้เจาะจงฉันต้องการให้มันเต็มความสูงของกระดาษห่อหุ้ม จะทำอย่างไรให้สำเร็จ?

148 css  flexbox 

ฉันต้องการสร้างหน้าส่วนหัวและส่วนท้ายทั่วไปที่รวมอยู่ในหน้า html หลายหน้า ฉันต้องการใช้จาวาสคริปต์ มีวิธีดำเนินการโดยใช้ html และ JavaScript เท่านั้นหรือไม่? ฉันต้องการโหลดหน้าส่วนหัวและส่วนท้ายในหน้า html อื่น

148 javascript  jquery  html  css 

ฉันต้องการมุมโค้งมนบน div parent เพื่อปกปิดเนื้อหาจาก childen ของมัน overflow: hiddenทำงานได้ในสถานการณ์ที่เรียบง่าย แต่หยุดพักในเบราว์เซอร์ที่ใช้ webkit และ Opera เมื่อผู้ปกครองอยู่ในตำแหน่งที่ค่อนข้างหรือแน่นอน ใช้งานได้ใน Firefox และ IE9: CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: hidden; position: absolute; } #box { width: 300px; height: 300px; background-color: #cde; } HTML <div id="wrapper"> <div id="box"></div> </div> ตัวอย่างบน JSFiddle ขอบคุณสำหรับความช่วยเหลือ! อัปเดต:ข้อผิดพลาดที่ทำให้เกิดปัญหานี้ได้รับการแก้ไขตั้งแต่ใน …

147 html  rounded-corners  css 

ฉันใช้ Twitter Bootstrap และมีแผนที่ Google รูปภาพบนแผนที่เช่นเครื่องหมายถูกเบ้โดย CSS ใน Bootstrap ใน Bootstrap CSS มี: img { border: 0 none; height: auto; max-width: 100%; } เมื่อฉันปิดการใช้งานmax-widthคุณสมบัติโดยใช้ Firebug ภาพเครื่องหมายจะปรากฏขึ้นตามปกติ ฉันจะป้องกัน Bootstrap CSS ไม่ให้ส่งผลกระทบต่อรูปภาพ Google maps ได้อย่างไร

147 google-maps  twitter-bootstrap  css 

ทำไมต้องใส่_ชื่อไฟล์ไว้ใน scss? _filename.scss- ทำไมมันถึงต้องการ_?

147 css  sass 

ฉันต้องการที่จะนำกลุ่มของdivองค์ประกอบของความกว้างคงที่ลงในภาชนะและมีแถบเลื่อนแนวนอนปรากฏขึ้น div/ spanองค์ประกอบควรจะปรากฏในบรรทัดจากซ้ายไปขวาตามลำดับที่ปรากฏใน HTML (ยังไม่ได้เปิดเป็นหลัก) วิธีนี้จะปรากฏแถบเลื่อนแนวนอนและสามารถใช้แทนแถบเลื่อนแนวตั้งเพื่ออ่านเนื้อหา (ซ้ายไปขวา) ฉันลองลอยมันในภาชนะแล้วก็ใส่white-space: nowrapสไตล์ไว้บนภาชนะ แต่อนิจจาดูเหมือนว่ามันจะพันกัน ไอเดีย? ดูเหมือนว่านี้: .slideContainer { white-space: nowrap; } .slide { width: 800px; float: left; display: inline; } <div class="slideContainer"> <div class="slide">Some content</div> <div class="slide">More content</div> <div class="slide">Even More content!</div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ปรับปรุง: ดูเว็บไซต์สำหรับตัวอย่าง แต่พวกเขาผิดเกี่ยวกับการไม่เป็นวิธีอื่น - ฉันแน่ใจว่าบทความเก่า

147 html  css 

ฉันมีเซลล์ตารางที่ฉันต้องการให้มีความกว้างเป็นพิเศษ อย่างไรก็ตามมันใช้ไม่ได้กับสตริงข้อความที่ไม่มีขนาดใหญ่ นี่คือกรณีทดสอบ: td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr> </tbody> </table> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล ฉันจะทำให้ข้อความถูกตัดที่ขอบกล่องแทนที่จะขยายได้อย่างไร

146 html  css 

ฉันจะหา CSS เริ่มต้นของเบราว์เซอร์สำหรับองค์ประกอบ HTML ได้ที่ไหน องค์ประกอบ HTML จำนวนมากมาพร้อมกับคุณสมบัติ CSS เริ่มต้นซึ่งบางครั้งอาจส่งผลให้เกิดพฤติกรรมที่ไม่รู้จัก / ไม่พึงประสงค์ ตัวอย่างเช่นกล่องอินพุตจะแสดงแตกต่างกันในเบราว์เซอร์ที่แตกต่างกัน ฉันกำลังมองหาสถานที่ที่ครอบคลุมคุณสมบัติ CSS3 ใหม่และองค์ประกอบ HTML5 ใหม่ ฉันเคยเห็นในคำถามอื่น ๆ (เก่ากว่า) (เช่นCSS สไตล์ชีตเริ่มต้นของเบราว์เซอร์ ) คำตอบที่แนะนำการแก้ปัญหาการรีเซ็ต CSS บางครั้งไม่ต้องการโซลูชันนี้บ่อยครั้งที่ฉันต้องการเก็บคุณสมบัติพื้นฐานบางอย่างไว้ (เช่นการเน้นกล่องใส่ข้อมูลใน Chrome) ในคำอื่น ๆ : ฉันไม่ต้องการที่จะกำจัดสิ่งเพียงเพราะผมไม่ทราบว่าสิ่งที่พวกเขาทำ ดังนั้นมีเว็บไซต์ที่สามารถให้ข้อมูลทั้งหมดนี้กับฉัน (หรืออาจมากที่สุด) ได้ไหม?

146 html  css  cross-browser 

ฉันเรียน CSS วิธีการใส่สไตล์และส่งปุ่มด้วย CSS? ฉันกำลังพยายามสร้างบางสิ่งเช่นนี้ แต่ฉันไม่รู้จะทำอย่างไร <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

146 html  css 

นี่คือการกำหนด * wrappable ทั้งหน้าในไฟล์ main.css /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } นี่คือหน้าทั้งหมด: <%@ include file="../../include/pre-header.html" %> <form id="commentForm" name="commentForm" action="" method="post"> <ctl:vertScroll height="300" …

146 html  css  html-table 

ดูเหมือนว่าใน IE ความกว้างจะรวมถึงขนาดของช่องว่างภายใน ในขณะที่อยู่ใน FF ความกว้างไม่ได้ ฉันจะทำให้ทั้งสองประพฤติเหมือนกันได้อย่างไร ขอบคุณ

146 css