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

4

ตามเอกสารของ twitter bootstrap ฉันควรจะสามารถ "ตัดสตริงข้อความใน<p>แท็กเพื่อให้นำหน้าและสีที่เหมาะสม" เมื่อฉันทำสิ่งนี้ไม่ว่าจะอยู่ในระดับใดก็ตามnavbarจะไม่สืบทอดnavbarคลาสใด ๆ การรวมสตริงใน<a>แท็กจะแสดงผล แต่ไม่ควรเป็นจุดยึด "Logged in as ... "สตริงฉันพยายามที่จะทำให้เป็น

109 html css twitter-bootstrap

10

ช่วงในจุดยึดหรือจุดยึดภายในช่วงหรือไม่สำคัญ?

ฉันต้องการรังspanและaแท็ก ฉันควร ใส่<span>ข้างใน<a> ใส่<a>ข้างใน<span> มันไม่สำคัญ?

109 html css semantic-markup

7

Div ที่ใหญ่มากมากมาก

สำหรับโครงการของฉัน (ดูโครงการ BigPictu.reหรือbigpicture.js GitHub ) ฉันต้องจัดการกับ<div>คอนเทนเนอร์ที่ใหญ่มากและใหญ่มาก ฉันรู้ว่ามีความเสี่ยงที่จะมีประสิทธิภาพต่ำด้วยวิธีง่ายๆที่ฉันใช้ แต่ฉันไม่ได้คาดหวังว่ามันจะมีอยู่ใน ... Chrome เท่านั้น! หากคุณทดสอบเพจเล็ก ๆ นี้ (ดูโค้ดด้านล่าง) การแพน (คลิก + ลาก) จะเป็น: ปกติ / ราบรื่นบน Firefox ปกติ / ราบรื่นแม้ใน Internet Explorer ช้ามาก (เกือบจะขัดข้อง) บน Chrome! แน่นอนฉันสามารถเพิ่มโค้ด (ในโปรเจ็กต์ของฉัน) เพื่อทำเช่นนั้นเมื่อคุณซูมเข้ามากข้อความที่มีขนาดฟอนต์ใหญ่มากจะถูกซ่อนไว้ แต่เหตุใด Firefox และ Internet Explorer จึงจัดการอย่างถูกต้องและไม่ใช่ Chrome มีวิธีใน JavaScript, HTML หรือ CSS ที่จะบอกเบราว์เซอร์ไม่ให้พยายามแสดงผลทั้งหน้า (ซึ่งกว้าง …

109 javascript html css google-chrome

15

Colspan / Rowspan สำหรับองค์ประกอบที่ตั้งค่าการแสดงผลเป็นเซลล์ตาราง

ฉันมีรหัสต่อไปนี้: <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do here? */ } </style> ค่อนข้างตรงไปตรงมา ฉันจะเพิ่ม colspan (หรือเทียบเท่ากับ colspan) สำหรับองค์ประกอบได้display: table-cellอย่างไร?

109 html css

14

Bootstrap modal: ไม่ใช่ฟังก์ชัน

ฉันมีโมดอลในหน้าของฉัน เมื่อฉันพยายามเรียกมันเมื่อ windows โหลดมันพิมพ์ข้อผิดพลาดไปยังคอนโซลที่ระบุว่า: $(...).modal is not a function นี่คือ Modal HTML ของฉัน: <div class="modal fade" id="prizePopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button> <h4 class="modal-title" id="myModalLabel"> This Modal title </h4> </div> <div class="modal-body"> Add some text here </div> <div …

109 javascript jquery html bootstrap-modal

1

จะข้ามไปยังเคอร์เซอร์ก่อนหน้าและสุดท้ายใน Sublime Text 3 ได้อย่างไร? [ปิด]

ปิด . คำถามนี้ต้องการรายละเอียดหรือความคมชัด ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ เพิ่มรายละเอียดและชี้แจงปัญหาโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ จะย้อนกลับและไปข้างหน้าผ่านประวัติตำแหน่งเคอร์เซอร์ใน Sublime Text ได้อย่างไร? ฉัน google มากและหาBufferScroll แต่มันไม่ได้ผลสำหรับฉัน ฉันไม่พบทางลัดหรือวิธีใช้ในเอกสาร อัปเดต: ทุกครั้งที่ฉันพยายามใช้ Jump Forward ( SHIFT+ ALT+ -) ตัวแก้ไขของฉันมักจะพูดว่า "อยู่ในตำแหน่งใหม่ล่าสุดแล้ว" ในขณะที่ไม่ได้อยู่ในตำแหน่งใหม่ล่าสุด กระโดดกลับ ( ALT+ -) ทำงานได้ดี

109 html editor sublimetext sublimetext3

10

ภาพ CSS ปรับขนาดเปอร์เซ็นต์ของตัวเอง?

ฉันกำลังพยายามปรับขนาด img ด้วยเปอร์เซ็นต์ของตัวมันเอง ตัวอย่างเช่นฉันต้องการลดขนาดรูปภาพลงครึ่งหนึ่งโดยปรับขนาดเป็น 50% แต่การนำไปใช้width: 50%;จะปรับขนาดรูปภาพเป็น 50% ขององค์ประกอบคอนเทนเนอร์ (องค์ประกอบหลักซึ่งอาจเป็น<body>ตัวอย่าง) คำถามคือฉันสามารถปรับขนาดรูปภาพด้วยเปอร์เซ็นต์ของตัวมันเองโดยไม่ใช้ javascript หรือฝั่งเซิร์ฟเวอร์ได้หรือไม่? (ฉันไม่มีข้อมูลโดยตรงเกี่ยวกับขนาดภาพ) ฉันค่อนข้างแน่ใจว่าคุณไม่สามารถทำสิ่งนี้ได้ แต่ฉันต้องการดูว่ามีโซลูชัน CSS ที่ชาญฉลาดเท่านั้นหรือไม่ ขอบคุณ!

109 html css image

16

คุณจะปรับแต่งตัวเลขในรายการสั่งซื้อได้อย่างไร?

ฉันจะจัดเรียงตัวเลขไปทางซ้ายในรายการสั่งซื้อได้อย่างไร? 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up เปลี่ยนตัวอักษรหลังตัวเลขในรายการสั่งซื้อ? 1) an item นอกจากนี้ยังมีโซลูชัน CSS ในการเปลี่ยนจากตัวเลขเป็นรายการตามตัวอักษร / โรมันแทนการใช้แอตทริบิวต์ type ในองค์ประกอบ ol ฉันสนใจคำตอบที่ใช้ได้กับ Firefox 3 เป็นส่วนใหญ่

109 html css html-lists roman-numerals

7

HTML Span align center ไม่ทำงาน?

ฉันมี HTML: <div align="center" style="border:1px solid red"> This is some text in a div element! </div> Div กำลังเปลี่ยนระยะห่างบนเอกสารของฉันดังนั้นฉันจึงต้องการใช้ช่วงนี้แทน แต่สแปนไม่ได้รวมศูนย์เนื้อหา: <span style="border:1px solid red;align=center"> This is some text in a div element! </span> ฉันจะแก้ไขปัญหานี้ได้อย่างไร แก้ไข: รหัสที่สมบูรณ์ของฉัน: <html> <body> <p>This is a paragraph. This text has no alignment specified.</p> <span style="border:1px solid …

109 html css

11

กำหนดวันที่ในประเภทอินพุตวันที่

<input id="datePicker" type="date" /> ฉันจะตั้งวันที่ของวันนี้ในวันที่ประเภทอินพุต datepicker ใน chrome $(document).ready( function() { var now = new Date(); var today = now.getDate() + '/' + (now.getMonth() + 1) + '/' + now.getFullYear(); alert(today); $('#datePicker').val(today); }); แต่มันไม่ทำงาน แก้ไข jsFiddle นี้ - โปรดลองใน chrome

109 javascript html jquery date

8

วิธีโหลดรูปภาพ (และทรัพย์สินอื่น ๆ ) ใน Angular an project?

ฉันค่อนข้างใหม่กับ Angular ดังนั้นฉันจึงไม่แน่ใจว่าแนวทางปฏิบัติที่ดีที่สุดในการทำเช่นนี้ ฉันใช้ angular-cli และng new some-projectสร้างแอปใหม่ ในนั้นได้สร้างโฟลเดอร์ "images" ในโฟลเดอร์ "assets" ดังนั้นตอนนี้โฟลเดอร์ภาพของฉันคือ src/assets/images ในapp.component.html(ซึ่งเป็นรากของแอปพลิเคชันของฉัน) ฉันใส่ <img class="img-responsive" src="assets/images/myimage.png"> เมื่อฉันng serveจะดูเว็บแอปพลิเคชันของฉันภาพไม่ปรากฏขึ้น แนวทางปฏิบัติที่ดีที่สุดในการโหลดภาพในแอปพลิเคชัน Angular คืออะไร? แก้ไข: ดูคำตอบด้านล่าง ชื่อรูปภาพจริงของฉันใช้ช่องว่างซึ่ง Angular ไม่ชอบ เมื่อฉันลบช่องว่างในชื่อไฟล์ภาพจะแสดงอย่างถูกต้อง

109 html angular angular-cli

5

เครื่องพิมพ์สวยแบบบรรทัดคำสั่ง HTML: ทำให้ HTML ที่ยุ่งเหยิงอ่านได้ [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังมองหาคำแนะนำสำหรับเครื่องพิมพ์ HTML สวยที่ตอบสนองความต้องการต่อไปนี้: ใช้ HTML เป็นอินพุตแล้วส่งออกรูปแบบที่จัดรูปแบบสวยงาม / เยื้องอย่างถูกต้อง แต่ "เทียบเท่ากราฟิก" ของอินพุตที่ระบุ HTML ต้องรองรับการทำงานตามบรรทัดคำสั่ง ต้องเป็นโอเพ่นซอร์สและทำงานภายใต้ Linux

109 html pretty-print tidy

11

การห่อลิงก์ตอบกลับเราเตอร์ในปุ่ม html

โดยใช้วิธีการที่แนะนำ: นี่คือผลที่ได้: การเชื่อมโยงในปุ่ม , รหัสในระหว่างเส้นแสดงความคิดเห็น ฉันสงสัยว่ามีวิธีห่อLinkองค์ประกอบจาก'react-router'ในbuttonแท็กHTML โดยใช้ react หรือไม่ ขณะนี้ฉันมีLinkส่วนประกอบสำหรับนำทางหน้าต่างๆในแอปของฉัน แต่ฉันต้องการแมปฟังก์ชันนั้นกับปุ่ม HTML

109 html reactjs button hyperlink router

7

มี "pointer-events: hoverOnly" หรือคล้ายกันใน CSS หรือไม่

เพิ่งเล่นกับpointer-eventsคุณสมบัติใน CSS ฉันมีที่ฉันต้องการที่จะมองไม่เห็นเหตุการณ์ของเมาส์ทั้งหมดยกเว้นdiv:hover ดังนั้นคำสั่งคลิกทั้งหมดจะไปที่คำสั่งdivด้านล่าง แต่ div สามารถรายงานได้ว่าเมาส์อยู่เหนือหรือไม่ยังอยู่ ใครช่วยบอกทีว่าทำได้ไหม HTML: <div class="layer" style="z-index:20; pointer-events:none;">Top layer</div> <div class="layer" style="z-index:10;">Bottom layer</div> CSS: .layer { position:absolute; top:0px; left:0px; height:400px; width:400px; }

109 html css pointer-events

6

HTML เลือกแบบฟอร์มพร้อมตัวเลือกในการป้อนค่าที่กำหนดเอง

ฉันต้องการมีช่องป้อนข้อมูลที่ผู้ใช้สามารถป้อนค่าข้อความที่กำหนดเองหรือเลือกจากรายการแบบเลื่อนลง ปกติ<select>มีเพียงตัวเลือกแบบเลื่อนลง ฉันจะ<select>ยอมรับค่าที่กำหนดเองได้อย่างไร ตัวอย่างเช่น: Ford? <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>

109 html forms

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