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

ฉันมีอินพุต html อินพุตมีpadding: 5px 10px;ฉันต้องการให้เป็น 100% ของความกว้าง div ของผู้ปกครอง (ซึ่งเป็นของเหลว) อย่างไรก็ตามการใช้width: 100%;ทำให้อินพุตเป็น100% + 20pxฉันจะหลีกเลี่ยงสิ่งนี้ได้อย่างไร ตัวอย่าง

396 html  css  width  fluid-layout 

ฉันได้ลองทั้งสามอย่างนี้แล้วไม่เกิดประโยชน์: <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” /> แต่ละค่าแตกต่างกันที่ฉันพบโดยการค้นหาของ Google หรือการค้นหา SO แต่ไม่มีค่า ' user-scalable = X ' ที่ใช้งานได้ ฉันยังพยายามจุลภาคคั่นค่าแทนเครื่องหมายอัฒภาคไม่มีโชค จากนั้นฉันพยายามเพียง แต่มีuser-scalableค่าอยู่ แต่ก็ยังไม่มีโชค UPDATE รับสิ่งนี้จากเว็บไซต์ของ Apple และใช้งานได้: <meta name="viewport" content="width=device-width, user-scalable=no" /> ปรากฎว่าปัญหาคือราคาที่ไม่ได้มาตรฐานเพราะฉันได้คัดลอกเมตาแท็กจากเว็บไซต์ที่ใช้พวกเขาอ๊ะ

393 html  ios  mobile-safari  zoom  viewport 

ฉันต้องการจัดให้ 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 และฉันไม่สามารถหาวิธีเปิดลิงก์ในแท็บใหม่โดยไม่มีจาวาสคริปต์ ฉันรู้อยู่แล้วว่า<a href="http://www.WEBSITE_NAME.com"></a>เปิดลิงค์ในแท็บเดียวกัน ความคิดใดที่จะทำให้มันเปิดในใหม่ได้หรือไม่

390 html  hyperlink  anchor  browser-tab 

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

388 html  css  printing 

ถ้าฉันมีช่วงพูด: <span id="myspan"> hereismytext </span> ฉันจะใช้ JavaScript เพื่อเปลี่ยน "hereismytext" เป็น "newtext" ได้อย่างไร

388 javascript  html 

อาจเป็นคำถามที่โง่ แต่เนื่องจากวิธีการจัดกึ่งกลางภาพตามปกติไม่ทำงานฉันจึงคิดว่าฉันจะถาม ฉันจะจัดแนวภาพในแนวนอนให้อยู่ในคอนเทนเนอร์ 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 

ความหมายของ polyfills ใน HTML5 คืออะไร? ฉันเห็นคำนี้ในเว็บไซต์หลายแห่งเกี่ยวกับ HTML5 เช่นHTML5-Cross-Browser-Polyfills ดังนั้นที่นี่เรากำลังรวบรวม shims, fallbacks และ polyfills ทั้งหมดเพื่อปลูกฝังการทำงานของ HTML5 ในเบราว์เซอร์ที่ไม่สนับสนุนพวกมัน ที่จริงฉันไม่เข้าใจความหมายของ polyfills คืออะไร มันเป็นเทคนิค HTML5 ใหม่หรือไลบรารี JavaScript หรือไม่ ฉันไม่เคยได้ยินคำนี้มาก่อน HTML5 และความแตกต่างระหว่าง shims, fallbacks และ polyfills คืออะไร?

387 javascript  html  fallback  polyfills  shim 

ฉันมีปัญหาในการแยกวิเคราะห์องค์ประกอบ HTML ด้วยแอตทริบิวต์ "class" โดยใช้ Beautifulsoup รหัสมีลักษณะเช่นนี้ soup = BeautifulSoup(sdata) mydivs = soup.findAll('div') for div in mydivs: if (div["class"] == "stylelistrow"): print div ฉันพบข้อผิดพลาดในบรรทัดเดียวกัน "หลังจาก" สคริปต์เสร็จสิ้น File "./beautifulcoding.py", line 130, in getlanguage if (div["class"] == "stylelistrow"): File "/usr/local/lib/python2.6/dist-packages/BeautifulSoup.py", line 599, in __getitem__ return self._getAttrMap()[key] KeyError: 'class' ฉันจะกำจัดข้อผิดพลาดนี้ได้อย่างไร

386 python  html  web-scraping  beautifulsoup 

ฉันมีตารางขนาด 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 

ฉันจะระบุtdแท็กควรครอบคลุมทุกคอลัมน์ได้อย่างไร (เมื่อจำนวนคอลัมน์ที่แน่นอนในตารางจะแปรผัน / ยากที่จะกำหนดว่า HTML จะแสดงผลอย่างไร) w3schoolsกล่าวถึงคุณสามารถใช้colspan="0"แต่ไม่ได้บอกว่าเบราว์เซอร์ใดที่สนับสนุนค่านั้น (IE 6 อยู่ในรายการของเราเพื่อสนับสนุน) มันจะปรากฏขึ้นการตั้งค่าที่colspanจะเป็นใหญ่มูลค่ากว่ามูลค่าทางทฤษฎีของคอลัมน์ที่คุณอาจจะมีจะทำงาน แต่มันจะไม่ทำงานหากคุณมีการตั้งค่าให้table-layout fixedมีข้อเสียในการใช้เลย์เอาต์อัตโนมัติที่มีจำนวนมากcolspanหรือไม่? มีวิธีที่ถูกต้องมากขึ้นในการทำเช่นนี้?

385 html  html-table  tablelayout 

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

385 html  css  dom 

ฉันสงสัยว่าความแตกต่างระหว่างตัวอย่างโค้ดสองต่อไปนี้คืออะไร: <label>Input here : </label> <input type='text' name='theinput' id='theinput'/> และ <label for='theinput'>Input here : </label> <input type='text' name='theinput' id='theinput'/> ฉันแน่ใจว่ามันทำอะไรบางอย่างเมื่อคุณใช้ไลบรารี JavaScript พิเศษ แต่นอกเหนือจากนั้นมันจะตรวจสอบ HTML หรือจำเป็นด้วยเหตุผลอื่นหรือไม่?

382 html  forms  input  label 

ภายในรายการที่ไม่ได้เรียงลำดับ: <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