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

14

วิธีกำหนดตำแหน่งปุ่มกลางใน Twitter Bootstrap 3

ฉันกำลังสร้างฟอร์มใน Twitter Bootstrap แต่ฉันมีปัญหากับการกดปุ่มตรงกลางด้านล่างอินพุตในแบบฟอร์ม ฉันได้ลองใช้center-blockชั้นเรียนกับปุ่มแล้ว แต่ไม่ได้ผล ฉันจะแก้ไขได้อย่างไร นี่คือรหัสของฉัน  <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> </div>

259 html css twitter-bootstrap button

7

ไม่สามารถเลื่อนไปที่ด้านบนของรายการ flex ที่ล้นคอนเทนเนอร์ได้

ดังนั้นในการพยายามทำ modal ที่มีประโยชน์โดยใช้ flexbox ฉันพบสิ่งที่น่าจะเป็นปัญหาของเบราว์เซอร์และสงสัยว่ามีการแก้ไขหรือวิธีแก้ปัญหาที่รู้จักหรือแนวคิดในการแก้ไข สิ่งที่ฉันพยายามแก้ไขมีสองด้าน ก่อนอื่นให้นำหน้าต่าง modal กึ่งกลางแนวตั้งซึ่งทำงานตามที่คาดไว้ ที่สองคือการได้รับหน้าต่าง modal เพื่อเลื่อน - ภายนอกดังนั้นหน้าต่าง modal ทั้งหมดเลื่อนไม่เนื้อหาภายใน (นี่คือเพื่อให้คุณสามารถมีแบบเลื่อนลงและองค์ประกอบ UI อื่น ๆ ที่สามารถขยายนอกขอบเขตของ modal - เช่นเครื่องมือเลือกวันที่ที่กำหนดเอง ฯลฯ ) อย่างไรก็ตามเมื่อรวมการจัดกึ่งกลางแนวตั้งกับแถบเลื่อนด้านบนของ modal อาจไม่สามารถเข้าถึงได้เมื่อเริ่มล้น ในตัวอย่างข้างต้นคุณสามารถปรับขนาดเพื่อบังคับโอเวอร์โฟลว์และในการทำเช่นนั้นจะช่วยให้คุณเลื่อนไปที่ด้านล่างของคำกริยา แต่ไม่ไปด้านบน (ย่อหน้าแรกถูกตัดออก) นี่คือลิงค์ไปยังตัวอย่างโค้ด (ง่ายมาก) https://jsfiddle.net/dh9k18k0/2/ .modal-container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, …

259 html css flexbox browser-bugs

10

HTML + CSS: วิธีบังคับให้เนื้อหา div อยู่ในบรรทัดเดียวได้อย่างไร

ฉันมีข้อความยาวภายในที่divกำหนดไว้width : HTML: <div>Stack Overflow is the BEST !!!</div> CSS: div { border: 1px solid black; width: 70px; } ฉันจะบังคับให้สตริงอยู่ในหนึ่งบรรทัดได้อย่างไร (เช่นถูกตัดกลาง "โอเวอร์โฟลว์") ฉันพยายามใช้overflow: hiddenแต่ก็ไม่ได้ช่วยอะไร

258 html css

18

ไฟล์. css ขนาดใหญ่ไฟล์เดียวเทียบกับไฟล์. css เฉพาะขนาดเล็กหลายไฟล์ [ปิด]

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ มีข้อได้เปรียบในการมีไฟล์. ccss สัตว์ประหลาดหนึ่งตัวที่มีองค์ประกอบของสไตล์ที่จะใช้กับแทบทุกหน้าหรือไม่? ฉันคิดว่าเพื่อความสะดวกในการจัดการฉันต้องการดึง CSS ประเภทต่างๆออกเป็นไฟล์สองสามไฟล์และการรวมทุกไฟล์ในไฟล์หลักของฉันนั้น<link />ไม่ดีเลยเหรอ? ฉันคิดว่ามันดีกว่า positions.css buttons.css tables.css copy.css เมื่อเทียบกับ site.css คุณเคยเห็น gotchas ด้วยวิธีใดวิธีหนึ่งเปรียบเทียบกับวิธีอื่นหรือไม่?

258 css html stylesheet

9

แยกสตริง HTML ด้วย JS

ฉันค้นหาวิธีแก้ปัญหา แต่ไม่มีอะไรเกี่ยวข้องดังนั้นนี่คือปัญหาของฉัน: ฉันต้องการแยกสตริงที่มีข้อความ HTML ฉันต้องการที่จะทำใน JavaScript ฉันลองใช้ห้องสมุดนี้แต่ดูเหมือนว่ามันจะแยกวิเคราะห์ HTML ของหน้าปัจจุบันของฉันไม่ใช่จากสตริง เพราะเมื่อฉันลองโค้ดด้านล่างมันจะเปลี่ยนชื่อหน้าของฉัน: var parser = new HTMLtoDOM("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>", document); เป้าหมายของฉันคือการแยกลิงค์จากหน้าภายนอก HTML ที่ฉันอ่านเหมือนกับสตริง คุณรู้จัก API ที่จะทำหรือไม่?

258 javascript html dom html-parsing

4

คุณสามารถโทร ko.applyBindings เพื่อผูกมุมมองบางส่วนได้หรือไม่?

ฉันใช้ KnockoutJS และมีมุมมองหลักและมุมมองโมเดล ฉันต้องการไดอะล็อก (หนึ่งใน jQuery UI) เพื่อป็อปอัพพร้อมกับมุมมองอื่นซึ่งจะแยกโมเดลมุมมองชายด์ที่แยกต่างหาก HTML สำหรับเนื้อหาไดอะล็อกถูกเรียกคืนโดยใช้ AJAX ดังนั้นฉันต้องการที่จะสามารถเรียกใช้งานได้ko.applyBindingsเมื่อคำขอเสร็จสมบูรณ์และฉันต้องการผูกโมเดลมุมมองลูกไว้กับส่วนของ HTML ที่โหลดผ่าน ajax ภายใน div ไดอะล็อก เป็นไปได้จริงหรือฉันต้องโหลดมุมมองและมุมมองแบบจำลองทั้งหมดของฉันเมื่อหน้าเว็บเริ่มโหลดและโทรko.applyBindingsครั้งเดียว

257 ajax html knockout.js

19

จะเปลี่ยนข้อความปุ่มของ <input type =“ file” /> ได้อย่างไร?

<input type="file" value="Browse" name="avatar" id="id_avatar" /> ฉันพยายามแก้ไขvalueแต่มันไม่ทำงาน วิธีปรับแต่งข้อความของปุ่ม?

257 html input

11

วิธีการทำให้ div ความสูง 100% ของพาเรนต์ลอย

นี่คือ HTML: <div id="outer"> <div id="inner"></div> Test </div> และนี่คือ CSS: #inner { float: left; height: 100%; } เมื่อตรวจสอบด้วยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome div ภายในจะมีความสูงถึง 0px ฉันจะบังคับให้เป็น 100% ของส่วนสูงของผู้ปกครองได้อย่างไร

256 css html height

4

อะไรคือความแตกต่างระหว่างแอตทริบิวต์ HTML 'ซ่อน' และ 'ซ่อนเร้น'?

ฉันได้เห็นคุณสมบัติของอาเรียแล้วในขณะที่ทำงานกับวัสดุเชิงมุม ใครสามารถอธิบายให้ฉันฟังได้บ้างคำนำหน้าอารียาหมายถึงอะไร แต่ที่สำคัญที่สุดสิ่งที่ฉันพยายามเข้าใจคือความแตกต่างระหว่างaria-hiddenและhiddenคุณลักษณะ

256 html wai-aria

13

ฉันสามารถใช้แอททริบิวที่ต้องการกับฟิลด์ <select> ใน HTML5 ได้ไหม?

ฉันจะตรวจสอบได้อย่างไรว่าผู้ใช้เลือกบางสิ่งจาก<select>ฟิลด์ใน HTML5 หรือไม่ ฉันเห็นว่า<select>ไม่รองรับrequiredคุณสมบัติใหม่... ฉันต้องใช้ JavaScript หรือไม่ หรือมีบางอย่างที่ฉันขาดหายไป? : /

256 javascript html select required

11

จะแก้ไข C: \ fakepath ได้อย่างไร?

<input type="file" id="file-id" name="file_name" onchange="theimage();"> นี่คือปุ่มอัพโหลดของฉัน <input type="text" name="file_path" id="file-path"> นี่คือช่องข้อความที่ฉันต้องแสดงเส้นทางแบบเต็มของไฟล์ function theimage(){ var filename = document.getElementById('file-id').value; document.getElementById('file-path').value = filename; alert(filename); } นี่คือ JavaScript ที่แก้ปัญหาของฉัน แต่ในการแจ้งเตือนค่าให้ฉัน C:\fakepath\test.csv และ Mozilla ให้ฉัน: test.csv แต่ฉันต้องการท้องถิ่นเส้นทางของไฟล์ที่มีคุณสมบัติครบถ้วน วิธีแก้ปัญหานี้? หากนี่เป็นเพราะปัญหาด้านความปลอดภัยของเบราว์เซอร์แล้ววิธีอื่นควรทำเช่นไร?

256 javascript html dom file-upload

6

ปรับขนาดรูปภาพใน wiki ของ GitHub โดยใช้ Markdown

ฉันกำลังเขียนหน้าวิกิบน GitHub และฉันใช้ Markdown ปัญหาของฉันคือฉันวางภาพขนาดใหญ่ (ภาพนี้อยู่ในพื้นที่เก็บข้อมูลของตัวเอง) และฉันต้องการปรับขนาด ฉันได้ลองวิธีแก้ไขปัญหาต่าง ๆ แล้ว แต่ไม่ได้ผล: ![image](http://url.to/image.png "Title" {width=40px height=400px}) ![image](http://url.to/image.png = 250x250) ![image](http://url.to/image.png = 250x) [[http://url.to/image.png = 250x]] มีวิธีรับไหม เป็นที่ต้องการโดยไม่มี HTML

255 html github markdown wiki

14

แอตทริบิวต์ที่กำหนดเอง - ใช่หรือไม่?

เมื่อเร็ว ๆ นี้ฉันได้อ่านคนมากขึ้นเรื่อย ๆ เกี่ยวกับการใช้แอตทริบิวต์ที่กำหนดเองในแท็ก HTML ของพวกเขาส่วนใหญ่เพื่อจุดประสงค์ในการฝังบิตพิเศษของข้อมูลบางอย่างเพื่อใช้ในโค้ดจาวาสคริปต์ ฉันหวังว่าจะรวบรวมความคิดเห็นเกี่ยวกับการใช้แอตทริบิวต์ที่กำหนดเองว่าเป็นวิธีปฏิบัติที่ดีหรือไม่และมีทางเลือกอะไรบ้าง ดูเหมือนว่าสามารถทำให้ทั้งฝั่งเซิร์ฟเวอร์และฝั่งไคลเอ็นต์ไคลเอนต์ได้ง่ายขึ้นแต่ก็ไม่ได้เป็นไปตามมาตรฐาน W3C เราควรจะใช้ประโยชน์จากคุณสมบัติ HTML ที่กำหนดเองในเว็บแอปของเราหรือไม่? ทำไมหรือทำไมไม่? สำหรับผู้ที่คิดว่าคุณสมบัติที่กำหนดเองเป็นสิ่งที่ดี: อะไรคือสิ่งที่คุณควรคำนึงถึงเมื่อใช้งาน สำหรับผู้ที่คิดว่าคุณสมบัติที่กำหนดเองนั้นเป็นสิ่งที่ไม่ดี: คุณมีทางเลือกอะไรในการทำสิ่งที่คล้ายกัน อัปเดต: ฉันส่วนใหญ่สนใจในการให้เหตุผลเบื้องหลังวิธีการต่าง ๆ รวมทั้งชี้ให้เห็นว่าทำไมวิธีหนึ่งดีกว่าวิธีอื่น ฉันคิดว่าเราทุกคนสามารถค้นพบวิธีที่แตกต่างกัน 4-5 วิธีเพื่อให้ได้สิ่งเดียวกัน (องค์ประกอบที่ซ่อนอยู่สคริปต์แบบอินไลน์คลาสพิเศษข้อมูลการแยกวิเคราะห์จากรหัส ฯลฯ ) อัปเดต 2: ดูเหมือนว่าdata-คุณลักษณะคุณลักษณะHTML 5 มีการสนับสนุนมากมายที่นี่ (และฉันมักจะเห็นด้วยดูเหมือนว่าเป็นตัวเลือกที่ดี) จนถึงตอนนี้ฉันไม่ได้เห็นข้อเสนอแนะนี้มากนัก มีปัญหา / ข้อผิดพลาดใด ๆ ที่ต้องกังวลเกี่ยวกับการใช้วิธีการนี้หรือไม่? หรือเป็นเพียงแค่การทำให้เป็นโมฆะของข้อกำหนด W3C ปัจจุบัน 'ไม่เป็นอันตราย'?

254 javascript html xhtml custom-attribute

19

คุณจะทำให้องค์ประกอบ div แสดงแบบอินไลน์ได้อย่างไร

รับ HTML นี้: <div>foo</div><div>bar</div><div>baz</div> คุณทำให้มันแสดงแบบอินไลน์ได้อย่างไร: foo bar baz ไม่เหมือน: foo bar baz

254 css line html

8

ความสูงและความกว้างใช้ไม่ได้กับการขยายหรือไม่

คำถาม noob ทั้งหมด แต่ที่นี่ CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; } HTML <span class="product__specfield_8_arrow">&nbsp;</span> ซอ โดยทั่วไปฉันพยายามเลียนแบบปุ่มสร้างระยะห่าง (หรือบางอย่าง) ให้ดูเหมือนปุ่มถัดจากฟิลด์อินพุตที่จริงไม่จำเป็นต้องเป็นปุ่มเพราะตัวสร้างการเติมอัตโนมัติที่สร้างข้อผิดพลาดเมื่อป้อน คิดว่านี่จะเป็นการแก้ไขด่วนในตอนนี้ แต่ไม่ชัดเจน ขอบคุณ

254 css html width

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