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

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

106 css  html  overflow 

ฉันต้องการกำหนดเป้าหมายองค์ประกอบ div โดยที่แอตทริบิวต์ "foo" มีค่า <div foo="x">XXX</div> <div foo="">YYY</div> ฉันได้ลอง css นี้แล้ว แต่ไม่ได้ผล: [foo!=''] { background: red; }

106 css 

ฉันจะเยื้องโดยเริ่มจากบรรทัดที่สองของย่อหน้าได้อย่างไร ฉันได้ลองแล้ว p { text-indent: 200px; } p:first-line { text-indent: 0; } และ p { margin-left: 200px; } p:first-line { margin-left: 0; } และ (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

106 html  css  text  pseudo-class  indentation 

ฉันมีปัญหากับภาพเคลื่อนไหว CSS3 .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } รหัสนี้ใช้ได้เฉพาะเมื่อฉันลบการเปลี่ยนแปลงของdisplay. ฉันต้องการเปลี่ยนการแสดงผลหลังจากเลื่อนเมาส์ไปแล้ว แต่ควรเปลี่ยนความทึบโดยใช้การเปลี่ยน

106 animation  css 

ข้อมูลจำเพาะ HTML อนุญาตให้มีจุด (.) ใน id: <img id="some.id" /> อย่างไรก็ตามการใช้กฎตัวเลือกรหัส CSS จะจับคู่ไม่ถูกต้อง: #some.id { color: #f00; } ข้อกำหนด CSS สำหรับID Selectorsไม่ได้กล่าวถึงกรณีนี้ ดังนั้นฉันคิดว่ามันใช้การรวมกันของชื่อแท็กและตัวเลือกคลาส ? ยกตัวอย่างเช่นกฎของ CSS a.classNameจะใช้กับแท็กสมอ ( <a>) ที่มีชื่อชั้นเช่นclassName<a class="className"></a> เป็นไปได้ไหมที่จะมีกฎไฟล์ CSS ภายนอกที่อ้างอิงองค์ประกอบ HTML โดย id ที่มีจุดอยู่ ฉันไม่คาดหวังเนื่องจาก CSS ระบุว่า " ตัวระบุ " CSS ไม่รวมจุดเป็นอักขระที่ถูกต้อง นี่เป็นความไม่ตรงกันพื้นฐานระหว่างข้อกำหนด HTML และ CSS หรือไม่? …

106 html  css  css-selectors 

ฉันได้ดูโพสต์ต่างๆใน StackOverflow แล้ว แต่ไม่สามารถหาคำตอบสำหรับคำถามที่ค่อนข้างง่ายนี้ได้ ฉันมีโครงสร้าง HTML ดังนี้: <table> <tr> <td class="thatSetsABackground"> <div class="thatSetsABackgroundWithAnIcon"> <dl> <dt>yada </dt> <dd>yada </dd> </dl> <div> </td> <td class="thatSetsABackground"> <div class="thatSetsABackgroundWithAnIcon"> <dl> <dt>yada </dt> <dd>yada </dd> </dl> <div> </td> </tr> </table> สิ่งที่ฉันต้องการคือdivเพื่อเติมเต็มความสูงของtdดังนั้นฉันจึงสามารถจัดตำแหน่งพื้นหลังของ div (ไอคอน) ที่มุมล่างขวาของไฟล์td. คุณจะแนะนำให้ฉันทำอย่างไร

106 html  css  html-table 

ก่อนหน้านี้ข้อสันนิษฐานของฉันwidth: autoคือความกว้างถูกตั้งค่าเป็นของเนื้อหา ตอนนี้ผมเห็นว่าพาเรนต์เต็มความกว้าง ใครช่วยอธิบายความแตกต่างระหว่างสิ่งเหล่านี้ได้ไหม

106 html  css 

มีวิธีในจาวาสคริปต์เพื่อรับชื่อของฟอนต์ทั้งหมด (หรือตระกูลฟอนต์) ที่เบราว์เซอร์สามารถแสดงได้หรือไม่? (ฉันต้องการให้ผู้ใช้ดร็อปดาวน์พร้อมรายการแบบอักษรที่มีทั้งหมดและอนุญาตให้ผู้ใช้เลือกแบบอักษร) ฉันไม่ต้องการให้ฮาร์ดโค้ดรายการนี้ล่วงหน้าหรือส่งลงจากเซิร์ฟเวอร์ (โดยสัญชาตญาณดูเหมือนว่าเบราว์เซอร์ควรจะรู้ว่ามันมีฟอนต์อะไรและสิ่งนี้ควรจะเปิดเผยกับจาวาสคริปต์)

106 javascript  css  browser  fonts 

ฉันได้ติดตั้ง fancybox2 บนไซต์ dev เมื่อฉันเข้าร่วม fancybox (คลิกลิงก์ ฯลฯ ) html ทั้งหมดจะเลื่อนไปข้างหลัง - และไปที่ด้านบน ฉันใช้งานได้ดีในการสาธิตอื่น แต่เมื่อฉันลากรหัสเดียวกันไปที่โปรเจ็กต์นี้มันจะกระโดดขึ้นไปด้านบน ไม่เพียง แต่มีลิงก์ไปยัง Divs แบบอินไลน์เท่านั้น แต่ยังรวมถึงแกลเลอรีรูปภาพแบบธรรมดาอีกด้วย มีใครมีประสบการณ์นี้บ้าง?

105 jquery  css  fancybox-2 

ฉันมี div 'mapwrap' ที่ตั้งค่าเป็น 400px x 400px และภายในนั้นฉันมี 'แผนที่' ของ Google ตั้งไว้ที่ 100% x 100% ดังนั้นแผนที่จะโหลดที่ 400 x 400px จากนั้นด้วย JavaScript ฉันปรับขนาด 'mapwrap' เป็น 100% x 100% ของหน้าจอ - แผนที่ google จะปรับขนาดเป็นทั้งหน้าจอตามที่ฉันคาดไว้ แต่ไทล์เริ่มหายไปก่อนที่ขอบด้านขวามือของ หน้า. มีฟังก์ชั่นง่ายๆที่ฉันสามารถเรียกใช้เพื่อทำให้แผนที่ Google ปรับใหม่เป็น div 'mapwrap' ขนาดใหญ่ขึ้นได้หรือไม่?

105 javascript  css  google-maps 

เรามี ckeditor บน CMS ของเรา ผู้ใช้ของเราจะป้อนบทความยาว ๆ ผ่าน ckeditor นั้น เราต้องการวิธีป้องกันการขึ้นบรรทัดใหม่ที่ขีดกลางของบทความเหล่านั้น มีการป้องกันการแตกบรรทัดที่ขีดกลางบนเบราว์เซอร์ทั้งหมดหรือไม่ หรือ ckeditor มีทางเลือกในการป้องกันหรือไม่

105 html  css 

ใน Chrome สำหรับ Mac คุณสามารถ "เลื่อนทับ" หน้าหนึ่ง ๆ ได้ (หากไม่มีคำที่ดีกว่า) ดังที่แสดงในภาพหน้าจอด้านล่างเพื่อดูว่า "มีอะไรอยู่ข้างหลัง" ซึ่งคล้ายกับ iPad หรือ iPhone ฉันสังเกตเห็นว่าบางเพจปิดใช้งานเช่น gmail และหน้า "แท็บใหม่" ฉันจะปิด "การเลื่อนเกิน" ได้อย่างไร มีวิธีอื่นอีกไหมที่ฉันสามารถควบคุม "การเลื่อนเกิน" ได้

105 html  css  macos  google-chrome 

ฉันต้องการจัดแนวปุ่มที่มุมขวาล่างของ div ฉันจะทำเช่นนั้นได้อย่างไร? css ปัจจุบันของ div: float: right; width: 83%; margin-right: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height:625px; overflow:auto;

105 css  button  alignment 

ฉันต้องการให้ป้ายกำกับไม่อยู่เหนือช่องป้อนข้อมูล แต่อยู่ทางด้านซ้าย <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default btn-clear"> <input type="submit" value="Los!" class="btn btn-primary"> </div> </form> รหัสนี้ให้ฉัน: ฉันต้องการที่จะมี:

105 css  twitter-bootstrap-3 

นี่คือกรณีระบบกริด 960 ของฉัน: <div class="kundregister_grid_full"> <div class="kundregister_grid_1">ID</div> <div class="kundregister_grid_1">Namn</div> <div class="kundregister_grid_1">Anv.Namn</div> <div class="kundregister_grid_1">Email</div> <div class="kundregister_grid_1">Roll</div> <div class="kundregister_grid_1">Aktiv</div> </div> นี่คือชุด div ของฉันที่ใช้เป็นโครงสร้างตาราง CSS กล่าวว่า: .kundregister_grid_1 { display: inline-block; float: left; margin: 0; text-align: center; } .kundregister_grid_1 { width: 140px; } อย่ารังเกียจการตั้งชื่อภาษาสวีเดน ฉันต้องการให้ div แสดงแม้ว่าจะไม่มีค่าก็ตาม <div class="kundregister_grid_full"> <div class="kundregister_grid_1">ID</div> <div class="kundregister_grid_1"></div> <div …

105 css  html