การเขียนโปรแกรม css

4

เหตุใด div จึงมี“ display: table-cell;” ไม่ได้รับผลกระทบจากอัตรากำไร?

ฉันมีdivองค์ประกอบถัดจากแต่ละอื่น ๆ display: table-cell;ที่มี ฉันต้องการตั้งค่าmarginระหว่างพวกเขา แต่margin: 5pxไม่มีผลใด ๆ ทำไม? รหัสของฉัน: <div style="display: table-cell; margin: 5px; background-color: red;">1</div> <div style="display: table-cell; margin: 5px; background-color: green;">1</div>

211 html css

3

อะไรคือความแตกต่างระหว่าง * และ * | * ใน CSS?

ใน CSS *จะจับคู่องค์ประกอบใด ๆ *|*มีการใช้บ่อยครั้งแทนที่จะ*จับคู่องค์ประกอบทั้งหมด โดยทั่วไปจะใช้เพื่อการทดสอบ ความแตกต่างระหว่าง*และ*|*ใน CSS คืออะไร?

211 css css-selectors namespaces

5

ตัดทอนสตริงที่ยาวด้วย CSS: เป็นไปได้หรือยัง

มีวิธีที่ดีในการตัดทอนข้อความด้วย HTML ธรรมดาและ CSS หรือไม่เพื่อให้เนื้อหาแบบไดนามิกสามารถอยู่ในเลย์เอาต์ความกว้างคงที่และความสูงได้? ฉันตัดทอนฝั่งเซิร์ฟเวอร์ด้วยความกว้างของลอจิคัล (นั่นคือจำนวนอักขระที่คาดเดาไม่ได้) แต่เนื่องจาก 'w' นั้นกว้างกว่า 'i' สิ่งนี้จึงมีแนวโน้มที่จะไม่ดีและยังต้องคาดเดาอีกด้วย ( และปรับแต่ง) จำนวนตัวอักษรสำหรับทุกความกว้างคงที่ โดยหลักการแล้วการตัดจะเกิดขึ้นในเบราว์เซอร์ซึ่งทราบความกว้างทางกายภาพของข้อความที่แสดงผล ฉันพบว่า IE มีtext-overflow: ellipsisคุณสมบัติที่ทำสิ่งที่ฉันต้องการได้อย่างแน่นอน แต่ฉันต้องการสิ่งนี้เพื่อเป็นเบราว์เซอร์ข้าม คุณสมบัตินี้ดูเหมือนจะเป็นมาตรฐาน (ค่อนข้าง?)แต่ไม่รองรับ Firefox ฉันพบวิธีแก้ไขปัญหาต่าง ๆ ตามแต่พวกเขาอาจไม่แสดงจุดไข่ปลา (ฉันต้องการให้ผู้ใช้ทราบว่าเนื้อหาถูกตัดทอน) หรือแสดงตลอดเวลา (แม้ว่าเนื้อหาจะไม่ถูกตัดทอน)overflow: hidden ใครบ้างมีวิธีที่ดีของการปรับข้อความแบบไดนามิกในเลย์เอาต์คงที่หรือการตัดทอนฝั่งเซิร์ฟเวอร์โดยความกว้างของลอจิคัลและเท่าที่ฉันจะได้รับในตอนนี้?

210 css text layout cross-browser truncate

7

ทำไมความสูงขององค์ประกอบคอนเทนเนอร์ไม่เพิ่มขึ้นถ้ามันมีองค์ประกอบลอย

ฉันต้องการถามว่าความสูงและลอยทำงานอย่างไร ฉันมี div ภายนอกและ div ภายในที่มีเนื้อหาอยู่ ความสูงของมันอาจแตกต่างกันไปขึ้นอยู่กับเนื้อหาของ div ภายใน แต่ดูเหมือนว่า div ภายในของฉันจะล้น div ภายนอก อะไรจะเป็นวิธีที่เหมาะสมที่จะทำ? <html> <body> <div style="margin:0 auto;width: 960px; min-height: 100px; background-color:orange"> <div style="width:500px; height:200px; background-color:black; float:right"></div> </div> </body> </html> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

210 html css css-float

15

ปล่อยเงาสำหรับภาพ PNG ใน CSS

ฉันมีภาพ PNG ที่มีรูปแบบอิสระ (ไม่ใช่สี่เหลี่ยมจัตุรัส) ฉันต้องใช้เอฟเฟกต์เงาเงากับภาพนี้ แนวทางมาตรฐาน ... -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px #555; -webkit-box-shadow: 12px 12px 29px #555; box-shadow: 12px 12px 29px #555; ... แสดงเงาของภาพนี้ราวกับเป็นสี่เหลี่ยมจัตุรัส ดังนั้นฉันเห็นภาพและเงาสี่เหลี่ยมจัตุรัสซึ่งไม่เป็นไปตามรูปแบบของวัตถุที่แสดงในภาพ มีวิธีการทำอย่างถูกต้องหรือไม่?

210 css image png transparency

5

แบบอักษร: ตัวเอียงและเอียงใน CSS

ความแตกต่างระหว่างสองสิ่งนี้คืออะไร: font-style:italic font-style:oblique ฉันลองใช้เครื่องมือแก้ไข W3Schoolsแต่ไม่สามารถบอกความแตกต่างได้ ฉันกำลังคิดถึงอะไร

209 css fonts

10

อะไรคือวิธีที่สะอาดที่สุดในการปิดใช้งานเอฟเฟกต์การเปลี่ยน CSS ชั่วคราว

ฉันใช้องค์ประกอบ DOM พร้อมเอฟเฟกต์ต่อไปนี้บางส่วน / ทั้งหมด: #elem { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } ฉันกำลังเขียนปลั๊กอิน jQuery ที่ปรับขนาดองค์ประกอบนี้ฉันต้องปิดใช้งานเอฟเฟกต์เหล่านี้ชั่วคราวเพื่อให้ฉันสามารถปรับขนาดได้อย่างราบรื่น อะไรคือวิธีปิดการใช้งานเอฟเฟกต์เหล่านี้ที่สวยงามที่สุดชั่วคราว (จากนั้นเปิดใช้งานอีกครั้ง) เนื่องจากอาจถูกนำไปใช้จากผู้ปกครองหรืออาจไม่ได้ใช้เลย

209 javascript jquery css

4

คุณสมบัติความกว้างของ CSS \ 9

ความหมายของสิ่งนี้คืออะไร? ฉันเดาว่ามันคือแฮ็คของเบราว์เซอร์ แต่ฉันไม่สามารถค้นหาสิ่งที่มันทำ width: 500px\9; ความสำคัญของ\9อะไร

209 css width css-hack

18

css ellipsis บนบรรทัดที่สอง

CSS text-overflow: ellipsisในบรรทัดที่สองเป็นไปได้ไหม ฉันหามันไม่เจอในเน็ต ตัวอย่าง: สิ่งที่ฉันต้องการเป็นเช่นนี้: I hope someone could help me. I need an ellipsis on the second line of... แต่สิ่งที่เกิดขึ้นคือ: I hope someone could help me. I ...

208 html css

7

วิธีจัดแนวข้อความภายในอินพุต?

สำหรับอินพุตเริ่มต้นทั้งหมดข้อความที่คุณกรอกจะเริ่มทางด้านซ้าย คุณจะทำให้มันเริ่มทางด้านขวาได้อย่างไร

208 html css forms html-input

15

วิธีจัดแนวศูนย์กลางภาพที่ตายแล้วด้วย bootstrap

ฉันใช้เฟรมเวิร์ก bootstrap และพยายามทำให้รูปภาพอยู่กึ่งกลางแนวนอนโดยไม่สำเร็จ .. ฉันได้ลองเทคนิคต่าง ๆ เช่นการแยกระบบ 12 กริดใน 3 บล็อกเท่ากัน <div class="container"> <div class="row"> <div class="span4"></div> <div class="span4"><img src="logo.png" /></div> <div class="span4"></div> </div> </div> วิธีที่ง่ายที่สุดในการทำให้ภาพอยู่กึ่งกลางสัมพันธ์กับหน้าคืออะไร

207 css twitter-bootstrap

14

Padding หรือค่ามาร์จิ้นเป็นพิกเซลเป็นจำนวนเต็มโดยใช้ jQuery

jQuery มีฟังก์ชั่น height () en width () ที่ส่งคืนความสูงหรือความกว้างเป็นพิกเซลเป็นจำนวนเต็ม ... ฉันจะรับค่า padding หรือ margin ขององค์ประกอบเป็นพิกเซลและเป็นจำนวนเต็มโดยใช้ jQuery ได้อย่างไร ความคิดแรกของฉันคือการทำต่อไปนี้: var padding = parseInt(jQuery("myId").css("padding-top")); แต่ถ้ามีการเว้นระยะห่างเป็น ems เช่นฉันจะรับค่าเป็นพิกเซลได้อย่างไร เมื่อพิจารณาถึงปลั๊กอิน JSizes ที่ Chris Pebble แนะนำให้ฉันรู้ว่าเวอร์ชันของฉันเองนั้นเหมาะสมแล้ว :) jQuery คืนค่าเป็นพิกเซลเสมอดังนั้นการแยกวิเคราะห์เป็นจำนวนเต็มจึงเป็นวิธีแก้ปัญหา ขอบคุณ Chris Pebble และ Ian Robinson

207 javascript jquery css

4

ใช้ CSS เพื่อแทรกข้อความ

ฉันค่อนข้างใหม่กับ CSS และใช้มันเพื่อเปลี่ยนสไตล์และการจัดรูปแบบของข้อความ ตอนนี้ฉันต้องการจะใช้มันเพื่อแทรกข้อความตามที่แสดงด้านล่าง: <span class="OwnerJoe">reconcile all entries</span> ซึ่งฉันหวังว่าฉันจะได้แสดงเป็น: ภารกิจของ Joe: กระทบยอดรายการทั้งหมด นั่นคือโดยอาศัยอำนาจของการเป็น "เจ้าของโจ" ชั้นเรียนฉันต้องการข้อความJoe's Task:ที่จะแสดง ฉันสามารถทำได้ด้วยรหัสเช่น: <span class="OwnerJoe">Joe's Task:</span> reconcile all entries. แต่ดูเหมือนว่าซ้ำซ้อนอย่างมากทั้งระบุคลาสและข้อความ เป็นไปได้ไหมที่จะทำสิ่งที่ฉันกำลังมองหา? แก้ไข ไอเดียหนึ่งคือพยายามตั้งค่าเป็น ListItem <li>โดยที่ "bullet" คือข้อความ "Joe's Task" ฉันเห็นตัวอย่างของวิธีการตั้งค่ารูปแบบสัญลักษณ์แสดงหัวข้อย่อยต่าง ๆ และแม้แต่รูปสำหรับสัญลักษณ์แสดงหัวข้อย่อย เป็นไปได้หรือไม่ที่จะใช้ข้อความเล็ก ๆ สำหรับ list-bullet?

207 html css

9

CSS แสดงศูนย์กลางบล็อกแบบอินไลน์หรือไม่

ฉันมีรหัสการทำงานที่นี่: http://jsfiddle.net/WVm5d/ (คุณอาจต้องทำให้หน้าต่างผลลัพธ์ใหญ่ขึ้นเพื่อดูเอฟเฟกต์การจัดแนวกลาง) คำถาม รหัสผลงานดี display: table;แต่ฉันไม่ชอบที่จะมี มันเป็นวิธีเดียวที่ฉันจะทำให้การจัดตำแหน่งกึ่งห่อ ฉันคิดว่ามันจะดีกว่าถ้ามีวิธีที่จะใช้หรือdisplay: block; display: inline-block;เป็นไปได้ไหมที่จะแก้ปัญหาการจัดตำแหน่งศูนย์อีกทางหนึ่ง? การเพิ่มการแก้ไขด้วยลงในคอนเทนเนอร์ไม่ใช่ตัวเลือกสำหรับฉัน ฉันจะวางรหัสของฉันที่นี่หากลิงก์ JS Fiddle เสียในอนาคต: body { background: #bbb; } .wrap { background: #aaa; margin: 0 auto; display: table; overflow: hidden; } .sidebar { width: 200px; float: left; background: #eee; } .container { margin: 0 auto; background: #ddd; …

207 css

17

เล่น / หยุดวิดีโอ HTML 5 ชั่วคราวโดยใช้ JQuery

ฉันพยายามควบคุมวิดีโอ HTML5 โดยใช้ JQuery ฉันมีสองคลิปในอินเทอร์เฟซแบบแท็บมีแท็บทั้งหมดหกแท็บส่วนอีกคลิปมีแค่ภาพ ฉันพยายามทำให้คลิปวิดีโอเล่นเมื่อมีการคลิกที่แท็บแล้วหยุดเมื่อมีคนอื่นคลิก นี่เป็นเรื่องง่ายที่จะทำ แต่ฉันไม่สามารถทำงานได้รหัสที่ฉันใช้ในการเล่นวิดีโอคือ: $('#playMovie1').click(function(){ $('#movie1').play(); }); ฉันได้อ่านแล้วว่าองค์ประกอบวิดีโอจำเป็นต้องเปิดเผยในฟังก์ชันเพื่อให้สามารถควบคุมได้ แต่ไม่สามารถหาตัวอย่างได้ ฉันสามารถทำให้มันทำงานโดยใช้ JS: document.getElementById('movie1').play(); คำแนะนำใด ๆ ที่จะดี ขอบคุณ

206 jquery css html html5-video

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