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

ฉันมีสถานการณ์ที่ในสถานการณ์ CSS ปกติ div ที่ตายตัวจะถูกวางตำแหน่งอย่างที่มันถูกระบุไว้ ( top:0px, left:0px) สิ่งนี้ดูเหมือนจะไม่ได้รับการเคารพถ้าฉันมีผู้ปกครองที่มีการแปลง translate3d ฉันไม่เห็นอะไรเหรอ? ฉันได้ลองใช้การแปลงเว็บอื่น ๆ อย่างมีสไตล์และเปลี่ยนตัวเลือกแหล่งกำเนิด แต่ก็ไม่มีโชค ฉันแนบJSFiddleพร้อมกับตัวอย่างที่ฉันคาดว่ากล่องสีเหลืองจะอยู่ที่มุมด้านบนของหน้าแทนที่จะเป็นด้านในขององค์ประกอบคอนเทนเนอร์ คุณสามารถดูซอเวอร์ชันด้านล่างได้ง่ายขึ้น: #outer { position:relative; -webkit-transform:translate3d(0px, 20px , 0px); height: 300px; border: 1px solid #5511FF; padding: 10px; background: rgba(100,180,250, .8); width: 80%; } #middle{ position:relative; border: 1px dotted #445511; height: 300px; padding: 5px; background: rgba(250,10,255, …

140 html  css  css-position  css-transforms 

สมมติว่าฉันต้องการวิธีแสดงเพียงกึ่งกลาง 50x50px ของรูปภาพที่ 250x250px ใน HTML ฉันจะทำสิ่งนั้นได้อย่างไร นอกจากนี้ยังมีวิธีทำเช่นนี้สำหรับการอ้างอิง css: url () หรือไม่ ฉันรู้เรื่องคลิปใน CSS แต่ดูเหมือนว่าจะใช้ได้เฉพาะเมื่อใช้กับการจัดตำแหน่งที่แน่นอน

140 html  css  image 

ฉันต้องการตัดข้อความบางส่วนที่เพิ่มลงใน<td>องค์ประกอบ ฉันได้ลองกับstyle="word-wrap: break-word;" width="15%". แต่ไม่ได้ตัดข้อความ จำเป็นต้องให้ความกว้าง 100% หรือไม่? ฉันมีการควบคุมอื่น ๆ ที่จะแสดงดังนั้นจึงมีความกว้างเพียง 15% เท่านั้น

140 html  css  html-table  word-wrap 

ฉันมีสถานการณ์ของรูปแบบพื้นฐานและเป็นที่รู้จักซึ่งฉันต้องจัดแนวป้ายกำกับถัดจากอินพุตให้ถูกต้อง อย่างไรก็ตามฉันไม่รู้ว่าจะต้องทำอย่างไร เป้าหมายของฉันคือการจัดเรียงป้ายกำกับถัดจากอินพุตทางด้านขวา นี่คือตัวอย่างรูปภาพของผลลัพธ์ที่ต้องการ ฉันทำซอเพื่อความสะดวกของคุณและเพื่อชี้แจงสิ่งที่ฉันมีตอนนี้ - http://jsfiddle.net/WX58z/ ตัวอย่างข้อมูล: <div class="block"> <label>Simple label</label> <input type="text" /> </div> <div class="block"> <label>Label with more text</label> <input type="text" /> </div> <div class="block"> <label>Short</label> <input type="text" /> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด

140 html  css  alignment 

ฉันรู้แล้วว่า: ลูกคนสุดท้าย แต่มีวิธีเลือก div ไหม: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> หมายเหตุ: ไม่มี jQuery เฉพาะกับ CSS

140 html  css  css-selectors 

ทำไมเราไม่ได้box-sizing: margin-box;? โดยปกติเมื่อเราใส่box-sizing: border-box;สไตล์ชีทของเราเราหมายถึงอดีต ตัวอย่าง: สมมติว่าฉันมีเลย์เอาต์หน้าคอลัมน์ 2 ทั้งสองคอลัมน์มีความกว้าง 50% แต่พวกมันดูน่าเกลียดเพราะไม่มีรางน้ำ (ช่องว่างตรงกลาง); ด้านล่างนี้คือ CSS: .col2 { width: 50%; float: left; } ในการใช้รางน้ำคุณอาจคิดว่าเราสามารถกำหนดระยะห่างที่เหมาะสมในคอลัมน์แรกของ 2 คอลัมน์; บางสิ่งเช่นนี้ .col2:first-child { margin-right: 24px; } แต่สิ่งนี้จะทำให้คอลัมน์ที่สองตัดเข้าบรรทัดใหม่เนื่องจากสิ่งต่อไปนี้เป็นจริง: 50% + 50% + 24px > 100% box-sizing: margin-box;จะแก้ปัญหานี้โดยรวมส่วนต่างในความกว้างที่คำนวณได้ขององค์ประกอบ ฉันจะพบว่ามีประโยชน์มากถ้าไม่ได้มีประโยชน์มากกว่าbox-sizing: border-box;นี้

139 css  layout  position  w3c 

เมื่อผนวกdivs divกับ a ที่มีความสูงคงที่ div ลูกจะปรากฏขึ้นจากบนลงล่างติดที่ขอบบน ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ ตอนนี้ฉันพยายามแสดงมันจากล่างขึ้นบนเช่นนี้ (ติดกับขอบล่าง): ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ …

139 html  css  scrollbar  vertical-alignment  alignment 

ฉันมี 2 รูปแบบพื้นฐาน - ลงชื่อเข้าใช้และลงทะเบียนทั้งในหน้าเดียวกัน ตอนนี้ฉันไม่มีปัญหากับการลงชื่อเข้าใช้ในรูปแบบการป้อนอัตโนมัติแต่แบบฟอร์มการสมัครอัตโนมัติก็เติมเต็มเช่นกันและฉันไม่ชอบ นอกจากนี้สไตล์ของฟอร์มจะมีพื้นหลังสีเหลืองซึ่งฉันไม่สามารถจัดการเพื่อแทนที่และฉันไม่ต้องการใช้ inline CSS ในการทำเช่นนั้น ฉันจะทำอย่างไรเพื่อให้พวกเขาหยุดเป็นสีเหลืองและ (อาจจะ) การเติมอัตโนมัติ? ขอบคุณล่วงหน้า!

139 html  css  input  autofill 

ฉันสามารถกำหนดชื่อคลาสในย่อหน้าโดยใช้ Markdown ได้หรือไม่? ถ้าเป็นเช่นนั้นอย่างไร?

139 css  markdown 

ฉันต้องการแสดงข้อกำหนดและเงื่อนไขในเว็บไซต์ของฉัน ฉันไม่ต้องการใช้ช่องข้อความและไม่ต้องการใช้ทั้งหน้า ฉันแค่ต้องการแสดงข้อความของฉันในพื้นที่ที่เลือกและต้องการใช้แถบเลื่อนแนวตั้งเท่านั้นเพื่อลงไปอ่านข้อความทั้งหมด ขณะนี้ฉันใช้รหัสนี้: <div style="width:10;height:10;overflow:scroll" > text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text …

139 css  html  overflow 

ฉันสามารถใช้ JavaScript เพื่อตรวจสอบ (โดยไม่คำนึงถึงแถบเลื่อน) ได้หรือไม่หากองค์ประกอบ HTML ล้นเนื้อหา ตัวอย่างเช่น div ยาวที่มีขนาดเล็กคงที่คุณสมบัติ overflow ตั้งค่าให้มองเห็นได้และไม่มีแถบเลื่อนบนองค์ประกอบ

139 javascript  html  css 

"reMode_hover"ฉันพยายามที่จะใช้สีพื้นหลังเมื่อผู้ใช้เลื่อนเมาส์องค์ประกอบที่มีชื่อชั้นเป็น แต่ผมไม่ต้องการที่จะเปลี่ยนสีถ้าองค์ประกอบยังมี"reMode_selected" หมายเหตุ: ฉันสามารถใช้ CSS เท่านั้นไม่ใช่จาวาสคริปต์เพราะฉันทำงานในสภาพแวดล้อมที่ จำกัด บางประเภท เพื่อความชัดเจนเป้าหมายของฉันคือการระบายสีองค์ประกอบแรกที่โฮเวอร์ แต่ไม่ใช่องค์ประกอบที่สอง HTML <a href="" title="Design" class="reMode_design reMode_hover"> <span>Design</span> </a> <a href="" title="Design" class="reMode_design reMode_hover reMode_selected"> <span>Design</span> </a> ฉันลองด้านล่างโดยหวังว่าคำจำกัดความแรกจะใช้ได้ผล แต่ก็ไม่เป็นเช่นนั้น ผมทำอะไรผิดหรือเปล่า? CSS /* do not apply background-color so leave this empty */ .reMode_selected .reMode_hover:hover { } .reMode_hover:hover { background-color: #f0ac00; }

139 html  css  css-selectors 

ฉันมี div อยู่ใน div อื่น #outerและ#inner. #outerมีเส้นขอบโค้งและพื้นหลังสีขาว #innerไม่มีขอบโค้งและพื้นหลังสีเขียว ขยายเกินเส้นขอบโค้งของ#inner #outerมีการหยุดสิ่งนี้หรือไม่? #outer { display: block; float: right; margin: 0; width: 200px; background-color: white; overflow: hidden; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #inner { background-color: #209400; height: 10px; border-top: none; } <div id="outer"> <div id="inner"></div> <!-- other stuff needs …

139 css 

ฉันสามารถยืดข้อความใน CSS ได้หรือไม่? ฉันไม่ต้องการให้ฟอนต์ใหญ่ขึ้นเพราะมันทำให้ตัวอักษรดูโดดเด่นกว่าข้อความขนาดเล็กที่อยู่ข้างๆ ฉันแค่ต้องการยืดข้อความในแนวตั้งเพื่อให้มันผิดรูป นี่จะอยู่ใน div หนึ่งจากนั้นข้อความปกติที่อยู่ข้างๆจะอยู่ใน div อื่น ฉันจะทำเช่นนี้ได้อย่างไร?

139 css 

ฉันต้องการสร้างเพจที่ตอบสนองโดยใช้ bootstrap โดยวางตำแหน่ง div ที่กึ่งกลางของเพจดังเช่นในรูปแบบที่กล่าวถึงด้านล่าง

139 css  twitter-bootstrap  responsive-design