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

ฉันต้องการจัดให้ 3 divs อยู่ภายใน container div อย่างนี้: [[LEFT] [CENTER] [RIGHT]] div คอนเทนเนอร์กว้าง 100% (ไม่มีความกว้างที่ตั้งไว้) และ div center ควรอยู่ในกึ่งกลางหลังจากปรับขนาดคอนเทนเนอร์ ดังนั้นฉันจึงตั้ง: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} แต่มันจะกลายเป็น: [[LEFT] [CENTER] ] [RIGHT] เคล็ดลับใด ๆ

392 html  css  flexbox  alignment  css-float 

ฉันจะให้ div ไปจากยุบไปเป็นขยาย (และในทางกลับกัน) แต่ทำจากขวาไปซ้ายได้อย่างไร ทุกสิ่งที่ฉันเห็นส่วนใหญ่จะอยู่ซ้ายไปขวาเสมอ

390 jquery  html  css  jquery-ui  position 

เป็นไปได้ไหมที่หน้า HTML จะทำงานเช่นหน้า A4 ใน MS Word? โดยพื้นฐานแล้วฉันต้องการที่จะแสดงหน้า HTML ในเบราว์เซอร์และร่างเนื้อหาในขนาดของหน้าขนาด A4 เพื่อความเรียบง่ายฉันสมมติว่าหน้า HTML จะมีเฉพาะข้อความ (ไม่มีรูปภาพ ฯลฯ ) และจะไม่มี<br>แท็ก นอกจากนี้เมื่อพิมพ์หน้า HTML มันจะออกมาเป็นหน้ากระดาษขนาด A4

388 html  css  printing 

อาจเป็นคำถามที่โง่ แต่เนื่องจากวิธีการจัดกึ่งกลางภาพตามปกติไม่ทำงานฉันจึงคิดว่าฉันจะถาม ฉันจะจัดแนวภาพในแนวนอนให้อยู่ในคอนเทนเนอร์ div ได้อย่างไร นี่คือ HTML และ CSS ฉันยังรวม CSS สำหรับองค์ประกอบอื่น ๆ ของภาพขนาดย่อ มันทำงานตามลำดับจากมากไปน้อยดังนั้นองค์ประกอบสูงสุดคือที่เก็บของทุกอย่างและที่ต่ำที่สุดอยู่ภายในทุกอย่าง #thumbnailwrapper { color: #2A2A2A; margin-right: 5px; border-radius: 0.2em; margin-bottom: 5px; background-color: #E9F7FE; padding: 5px; border: thin solid #DADADA; font-size: 15px } #artiststhumbnail { width: 120px; height: 108px; overflow: hidden; border: thin solid #DADADA; background-color: white; …

387 html  css 

เป็นไปได้ไหมที่จะกำหนดขนาดของภาพพื้นหลังด้วย CSS? ฉันต้องการทำสิ่งที่ชอบ: background: url('bg.gif') top repeat-y; background-size: 490px; แต่ดูเหมือนว่าผิดทั้งหมดที่จะทำเช่นนั้น ...

386 css 

ฉันมีตารางขนาด 3 คูณ 3 ฉันต้องการวิธีเพิ่มเส้นขอบที่ด้านล่างของทุกแถวtrและให้สีเฉพาะ ก่อนอื่นฉันลองวิธีที่ตรงคือ: <tr style="border-bottom:1pt solid black;"> แต่นั่นไม่ได้ผล ดังนั้นฉันจึงเพิ่ม CSS เช่นนี้: tr { border-bottom: 1pt solid black; } ยังไม่ได้ผล ฉันต้องการใช้ CSS เพราะฉันไม่ต้องการเพิ่มstyleคุณสมบัติให้กับทุกแถว ฉันยังไม่ได้เพิ่มแอตทริบิวต์ไปborder <table>ฉันหวังว่านั่นจะไม่ส่งผลกระทบต่อ CSS ของฉัน

385 html  css  html-table 

มีคำถามหลายข้อเกี่ยวกับ StackOverflow เกี่ยวกับ offsetWidth / clientWidth / scrollWidth (และ -Height ตามลำดับ) แต่ไม่มีใครให้คำอธิบายที่ครอบคลุมเกี่ยวกับค่าเหล่านั้น นอกจากนี้ยังมีหลายแหล่งบนเว็บที่ให้ข้อมูลที่สับสนหรือไม่ถูกต้อง คุณสามารถให้คำอธิบายที่สมบูรณ์รวมถึงคำแนะนำที่มองเห็นได้บ้างไหม? นอกจากนี้ค่าเหล่านั้นสามารถใช้ในการคำนวณความกว้างของแถบเลื่อนได้อย่างไร?

385 html  css  dom 

ภายในรายการที่ไม่ได้เรียงลำดับ: <li><span></span> The lazy dog.</li> <li><span>AND</span> The lazy cat.</li> <li><span>OR</span> The active goldfish.</li> อนุญาตให้เพิ่มแอตทริบิวต์หรือลักษณะคลาส แต่อนุญาตให้ขยายข้อความและไม่อนุญาตให้เพิ่มหรือเปลี่ยนแท็ก หน้ากำลังแสดงผลด้วย Courier ใหม่ เป้าหมายคือการมีข้อความหลังจากการเรียงแถวกัน The lazy dog. AND The lazy cat. OR The active goldfish. การให้เหตุผลของ "OR" นั้นไม่สำคัญ ข้อความสัตว์ขี้เกียจอาจถูกห่อด้วยองค์ประกอบเพิ่มเติม แต่ฉันจะต้องตรวจสอบอีกครั้ง

381 html  css 

ฉันกำลังทำงานบนเว็บไซต์ที่ใช้gulpในการคอมไพล์และเบราว์เซอร์ซิงค์เพื่อให้เบราว์เซอร์ซิงค์กับการเปลี่ยนแปลงของฉัน งานอึกรวบรวมทุกอย่างถูกต้อง แต่บนเว็บไซต์ฉันไม่เห็นสไตล์ใด ๆ และคอนโซลแสดงข้อความแสดงข้อผิดพลาดนี้: ปฏิเสธที่จะใช้สไตล์จาก ' http: // localhost: 3000 / asset / styles / custom-style.css ' เนื่องจากประเภท MIME ('text / html') ไม่ใช่สไตล์ชีท MIME ที่รองรับและเปิดใช้งานการตรวจสอบ MIME อย่างเข้มงวด ตอนนี้ฉันไม่เข้าใจว่าทำไมสิ่งนี้จึงเกิดขึ้น HTML มีไฟล์เช่นนี้ (ซึ่งฉันค่อนข้างแน่ใจว่าถูกต้อง): <link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/> และสไตล์ชีทนั้นเป็นการผสานระหว่างรูปแบบการบูตและแบบอักษรที่ยอดเยี่ยมในตอนนี้ (ยังไม่มีการกำหนดเอง) เส้นทางนี้ถูกต้องเช่นกันเนื่องจากเป็นโครงสร้างโฟลเดอร์: index.html assets |-styles |-custom-style.css แต่ฉันได้รับข้อผิดพลาด มันจะเป็นอะไร? นี่เป็นสิ่งที่ (อาจจะเป็นการตั้งค่าหรือไม่) สำหรับ gulp / …

381 html  css  gulp  mime-types  browser-sync 

เป็นไปได้ไหมที่จะตั้งค่า shadow drop สำหรับองค์ประกอบ svg โดยใช้ css3 box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; ฉันเห็นคำพูดบางอย่างเกี่ยวกับการสร้างเงาโดยใช้เอฟเฟกต์ฟิลเตอร์ มีตัวอย่างของการใช้ CSS เพียงอย่างเดียว ด้านล่างเป็นรหัสการทำงานที่มีการใช้สไตล์ cusor อย่างถูกต้อง แต่ไม่มีเอฟเฟกต์เงา โปรดช่วยฉันในการรับเอฟเฟกต์เงาด้วยโค้ดน้อยที่สุด svg .shadow { cursor:crosshair; -moz-box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; box-shadow: -5px -5px 5px #888; } <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" …

379 html  css  svg  svg-filters 

ฉันมีหน้าต่อไปนี้ (deadlink: http://www.workingstorage.com/Sample.htmที่มีส่วนท้ายที่ฉันไม่สามารถนั่งที่ด้านล่างของหน้า ฉันต้องการให้ส่วนท้าย ติดที่ด้านล่างของหน้าต่างเมื่อหน้าสั้นและหน้าจอไม่เต็มและ อยู่ที่จุดสิ้นสุดของเอกสารและเลื่อนลงตามปกติเมื่อมีมากกว่าหน้าจอเนื้อหา (แทนที่จะซ้อนทับเนื้อหา) CSS นั้นสืบทอดมาและทำให้ฉันงุนงง ฉันไม่สามารถเปลี่ยนแปลงได้อย่างถูกต้องเพื่อเพิ่มความสูงขั้นต่ำในเนื้อหาหรือทำให้ส่วนท้ายไปด้านล่าง

379 css  footer 

ฉันมีเลย์เอาต์แบบเฟล็กซ์บ็อกซ์ที่เรียบง่ายพร้อมคอนเทนเนอร์เช่น: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } ตอนนี้ฉันต้องการให้รายการในแถวสุดท้ายสอดคล้องกับอีกรายการ justify-content: space-between;ควรใช้เนื่องจากความกว้างและความสูงของตารางสามารถปรับได้ ขณะนี้ดูเหมือนว่า ที่นี่ฉันต้องการให้รายการที่ด้านล่างขวาเป็น "คอลัมน์กลาง" อะไรคือวิธีที่ง่ายที่สุดในการบรรลุเป้าหมายนั้น? นี่คือjsfiddleขนาดเล็กที่แสดงพฤติกรรมนี้ .exposegrid { display: flex; flex-flow: row wrap; justify-content: space-between; } .exposetab { width: 100px; height: 66px; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 5px; box-shadow: …

378 css  flexbox  grid-layout 

ฉันมี URL รูปภาพในimageUrlตัวแปรและฉันพยายามตั้งค่าเป็นสไตล์ CSS โดยใช้ jQuery: $('myObject').css('background-image', imageUrl); ดูเหมือนว่าจะไม่ทำงานเนื่องจาก: console.log($('myObject').css('background-image')); noneผลตอบแทน ความคิดใด ๆ ที่ฉันกำลังทำผิดอยู่?

377 javascript  jquery  css 

ฉันมี div ที่ซ้อนกันเหล่านี้และฉันต้องการคอนเทนเนอร์หลักเพื่อขยาย (สูง) เพื่อรองรับ DIVs ภายใน <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc. --> </div> <div id="main_content"> <!-- this DIV _should_ stretch to accommodate inner divs --> <div id="items_list" class="items_list ui-sortable"> <div id="item_35" class="item_details"> </div> …

376 css  height 

ฉันต้องการใช้ Navbar เริ่มต้น Bootstrap 3 พร้อมโลโก้รูปภาพแทนการสร้างแบรนด์ข้อความ วิธีที่เหมาะสมในการทำเช่นนี้คืออะไรโดยไม่ทำให้เกิดปัญหากับขนาดหน้าจอที่แตกต่างกัน ฉันถือว่านี่เป็นข้อกำหนดทั่วไป แต่ฉันยังไม่เห็นตัวอย่างโค้ดที่ดี ข้อกำหนดสำคัญอื่น ๆ นอกเหนือจากการแสดงผลที่ยอมรับได้ในทุกขนาดหน้าจอคือการยุบเมนูบนหน้าจอขนาดเล็ก ฉันพยายามใส่แท็ก IMG ไว้ในแท็ก A ที่มีระดับแบรนด์ navbar แต่นั่นทำให้เมนูไม่สามารถทำงานได้อย่างถูกต้องบนโทรศัพท์ Android ของฉัน ฉันยังพยายามเพิ่มความสูงของคลาส navbar แต่นั่นทำให้สิ่งต่าง ๆ แย่ลงไปอีก อย่างไรก็ตามรูปโลโก้ของฉันมีขนาดใหญ่กว่าความสูงของแถบนำทาง

376 css  twitter-bootstrap  twitter-bootstrap-3  navbar