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

18

CSS: ตัดเซลล์ตารางออก แต่พอดีให้มากที่สุด

พบกับเฟร็ด เขาเป็นโต๊ะ: <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> อพาร์ตเมนต์ของ Fred มีนิสัยแปลกประหลาดในการเปลี่ยนขนาดดังนั้นเขาจึงเรียนรู้ที่จะซ่อนเนื้อหาบางส่วนของเขาเพื่อที่จะไม่ผลักดันหน่วยอื่น ๆ ทั้งหมดและผลักห้องนั่งเล่นของนางวิทฟอร์ดออกไปให้อภัย: <table border="1" style="width: 100%; white-space: nowrap; table-layout: fixed;"> <tr> <td style="overflow: hidden; text-overflow: ellipsis">This cells has more content</td> <td style="overflow: hidden; text-overflow: ellipsis">Less content here</td> </tr> </table> วิธีนี้ใช้ได้ผล …

223 html css overflow tablelayout

20

สามารถแทรกสคริปต์ด้วย innerHTML ได้หรือไม่

ผมพยายามที่จะโหลดสคริปต์บางอย่างในหน้าโดยใช้บนinnerHTML <div>ดูเหมือนว่าสคริปต์จะโหลดลงใน DOM แต่จะไม่ถูกดำเนินการ (อย่างน้อยใน Firefox และ Chrome) มีวิธีให้สคริปต์ทำงานเมื่อแทรกด้วยinnerHTMLหรือไม่ รหัสตัวอย่าง: <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? <div id="loader"></div> </body> </html> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

223 javascript html dom innerhtml

8

ตัวแบ่งบรรทัดใน HTML ด้วย '\ n'

มีวิธีที่จะทำให้ HTML จัดการกับการขึ้น\nบรรทัดใหม่ได้หรือไม่? หรือฉันต้องแทนที่พวกเขาด้วย<br/>? https://jsfiddle.net/zawyatzt/

223 html

7

สอง divs เคียงข้าง - จอแสดงผลของไหล

ฉันพยายามวางสอง divs เคียงข้างกันและใช้ CSS ต่อไปนี้เพื่อมัน #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML นั้นง่าย div สองตัวทางซ้ายและขวาใน div wrapper <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> ฉันได้ลองหลายครั้งเพื่อค้นหาวิธีที่ดีกว่าใน StackOverflow และเว็บไซต์อื่น ๆ ด้วย แต่ไม่พบความช่วยเหลือที่แน่นอน ดังนั้นรหัสทำงานได้อย่างรวดเร็วในครั้งแรก ปัญหาคือสิ่งนี้ div ด้านซ้ายได้รับการเติมเต็ม / ระยะขอบโดยอัตโนมัติเมื่อฉันเพิ่มความกว้างเป็น (%) ดังนั้นที่ความกว้าง …

222 css html fluid-layout fluid

12

ฉันจะสร้างหยดน้ำตาใน HTML ได้อย่างไร

ฉันจะสร้างรูปร่างเช่นนี้เพื่อแสดงบนหน้าเว็บได้อย่างไร ฉันไม่ต้องการใช้ภาพเพราะพวกเขาจะพร่ามัวเมื่อปรับขนาด ฉันลองใช้CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ที่กลายเป็นเมาจริงๆ จากนั้นฉันก็ลองใช้ SVG: <svg viewBox="0 100 100"> <polygon points="50,0 100,70 50,100 0,70"/> </svg> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล มันมีรูปร่าง แต่ส่วนล่างไม่โค้ง มีวิธีสร้างรูปร่างนี้เพื่อให้สามารถใช้ในหน้า HTML ได้หรือไม่

222 html css svg css-shapes

17

รหัส HTML สำหรับเครื่องหมายอัญประกาศเดี่ยว

ดูเรียบง่าย แต่ฉันไม่พบสิ่งใดที่เกี่ยวข้องบนเว็บ รหัส HTML ที่ถูกต้องสำหรับอะพอสโทรฟีคืออะไร? มันคือ&#8217;อะไร

222 html ascii

7

วิธีจัดแนวข้อความให้อยู่กึ่งกลางในแถวตาราง html

ฉันกำลังใช้ HTML <table>และฉันต้องการจัดตำแหน่งข้อความ<td>ไปยังกึ่งกลางในแต่ละเซลล์ ฉันจะจัดแนวข้อความในแนวนอนและแนวตั้งได้อย่างไร

222 html css

17

เส้นประสไตล์รายการ HTML

มีวิธีสร้าง list-style ใน HTML ด้วยขีดกลาง (เช่น - หรือ - &ndash;หรือ - &mdash;) หรือไม่ <ul> <li>abc</li> </ul> การแสดงผล: - abc มันเกิดขึ้นกับฉันที่จะทำสิ่งนี้ด้วยสิ่งต่างli:before { content: "-" };ๆ แม้ว่าฉันจะไม่ทราบข้อเสียของตัวเลือกนั้น โดยทั่วไปฉันจะไม่ทราบวิธีการใช้อักขระทั่วไปสำหรับรายการ

222 html css xhtml html-lists

16

ID และคลาสแตกต่างกันอย่างไร

ความแตกต่างระหว่าง<div class="">และ<div id="">เมื่อมาถึง CSS คืออะไร? มันใช้ได้<div id="">ไหม? ฉันเห็นผู้พัฒนาที่แตกต่างกันทำสิ่งนี้ทั้งสองวิธีและเนื่องจากฉันสอนตัวเองฉันไม่เคยคิดเลย

222 html css class id

16

วิธีรับเงากล่องด้านซ้ายและขวาเท่านั้น

มีวิธีใดที่จะทำให้กล่องเงาอยู่ทางด้านซ้ายและขวา (แนวนอน?) โดยไม่มีแฮ็กหรือรูปภาพ ฉันใช้: box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); แต่มันให้เงารอบ ๆ ฉันไม่มีพรมแดนล้อมรอบองค์ประกอบ

222 html css

9

อนุญาตให้มีทศนิยม 2 ตำแหน่งใน <input type =“ number”>

ฉันมี<input type="number">และฉันต้องการที่จะ จำกัด การป้อนข้อมูลของผู้ใช้ให้เป็นตัวเลขหรือตัวเลขโดยมีทศนิยมสูงสุด 2 ตำแหน่ง โดยทั่วไปฉันขอราคาป้อน ฉันต้องการหลีกเลี่ยงการทำ regex มีวิธีทำหรือไม่? <input type="number" required name="price" min="0" value="0" step="any">

222 html numbers

4

<fieldset> ปรับขนาดผิด ดูเหมือนว่า `ความกว้างต่ำสุด: ไม่สามารถแก้ไขได้ '

ปัญหา ฉันมี<select>ที่หนึ่งใน<option>ค่าข้อความของมันยาวมาก ฉันต้องการ<select>ปรับขนาดเพื่อให้ไม่กว้างกว่าพาเรนต์แม้ว่าจะต้องตัดข้อความที่แสดงออก max-width: 100%ควรทำเช่นนั้น ก่อนปรับขนาด: สิ่งที่ฉันต้องการหลังจากปรับขนาด: แต่ถ้าคุณโหลดตัวอย่าง jsFiddle นี้และปรับขนาดความกว้างของแผงผลลัพธ์ให้เล็กกว่าของ<select>คุณจะเห็นได้ว่าตัวเลือกภายในนั้น<fieldset>ล้มเหลวในการลดขนาดความกว้างลง สิ่งที่ฉันเห็นจริงหลังจากปรับขนาด: อย่างไรก็ตามหน้าเว็บที่เทียบเท่ากับ<div>แทนที่จะเป็น<fieldset>สเกลจะถูกต้อง คุณจะเห็นว่าและทดสอบการเปลี่ยนแปลงของคุณได้ง่ายขึ้นถ้าคุณมีและถัดจากแต่ละอื่น ๆ บนหน้าหนึ่ง และถ้าคุณลบแท็กโดยรอบการปรับขนาดจะทำงาน แท็กเป็นอย่างใดก่อให้เกิดการปรับขนาดแนวนอนเพื่อแบ่ง<fieldset><div><fieldset><fieldset> ทำหน้าที่เป็นถ้ามีกฎ<fieldset> CSS fieldset { min-width: min-content; }( min-contentหมายถึงความกว้างที่เล็กที่สุดซึ่งไม่ทำให้เด็กล้น) หากฉันแทนที่<fieldset>ด้วย<div>ด้วยmin-width: min-contentจะมีลักษณะเหมือนกันทุกประการ แต่ไม่มีกฎmin-contentในสไตล์ของฉันในสไตล์ชีทเริ่มต้นของเบราว์เซอร์หรือปรากฏใน CSS Inspector ของ CSS ของ Firebug ผมพยายามที่จะแทนที่รูปแบบที่มองเห็นได้ในทุก<fieldset>ใน Firebug ของ CSS สารวัตรและในสไตล์ชีตเริ่มต้นของ Firefox forms.cssแต่นั่นก็ไม่ได้ช่วย การเอาชนะโดยเฉพาะmin-widthและwidthไม่ได้ทำอะไรเช่นกัน รหัส HTML ของ fieldset: <fieldset> <div class="wrapper"> <select …

221 html width fieldset css

13

JavaScript: จะทราบได้อย่างไรว่าเบราว์เซอร์ผู้ใช้เป็น Chrome

ฉันต้องการฟังก์ชั่นบางอย่างที่ส่งคืนค่าบูลีนเพื่อตรวจสอบว่าเบราว์เซอร์เป็นChromeหรือไม่ ฉันจะสร้างฟังก์ชั่นดังกล่าวได้อย่างไร

220 javascript html google-chrome browser-detection

14

วิธีการจัดปุ่มให้อยู่กึ่งกลางภายใน div?

ฉันมี div ที่มีความกว้าง 100% ฉันต้องการจัดปุ่มให้อยู่ตรงกลางปุ่มฉันจะทำสิ่งนี้ได้อย่างไร <div style="width:100%; height:100%; border: 1px solid"> <button type="button">hello</button> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

220 html css centering

14

วิธีการล้างเนื้อหา <div> ทั้งหมดภายใน parent <div>

ฉันมี div <div id="masterdiv">ซึ่งมีเด็กหลาย<div>s ตัวอย่าง: <div id="masterdiv"> <div id="childdiv1" /> <div id="childdiv2" /> <div id="childdiv3" /> </div> จะล้างเนื้อหาของเด็กทั้งหมด<div>ในต้นแบบ<div>โดยใช้ jQuery ได้อย่างไร?

219 javascript jquery html dom-manipulation

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