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

ใช้สำหรับรายการที่เรียงลำดับและไม่เรียงลำดับและรายการของพวกเขาใน HTML รวมถึงรูปแบบรายการที่ใช้กับรายการเหล่านั้น

7
วิธีที่เหมาะสมในการสร้างรายการซ้อน HTML?
เอกสาร W3 มีตัวอย่างรายการซ้อนอยู่นำหน้าด้วยDEPRECATED EXAMPLE:แต่พวกเขาไม่เคยแก้ไขด้วยตัวอย่างที่ไม่ได้คัดค้านหรืออธิบายอย่างไม่ถูกต้องกับตัวอย่าง ดังนั้นวิธีใดเป็นวิธีที่ถูกต้องในการเขียนรายการ HTML? ตัวเลือกที่ 1 : ซ้อนกัน<ul>เป็นลูกของผู้ปกครอง<ul> <ul> <li>List item one</li> <li>List item two with subitems:</li> <ul> <li>Subitem 1</li> <li>Subitem 2</li> </ul> <li>Final list item</li> </ul> ตัวเลือกที่ 2 : ซ้อน<ul>เป็นลูกของ<li>มันอยู่ใน <ul> <li>List item one</li> <li>List item two with subitems: <ul> <li>Subitem 1</li> <li>Subitem 2</li> </ul> </li> <li>Final …

14
วิธีการเยื้องสำหรับบรรทัดที่สองในรายการสั่งซื้อผ่าน CSS?
ฉันต้องการที่จะมีรายการ "ภายใน" ที่มีสัญลักษณ์แสดงหัวข้อย่อยหรือตัวเลขทศนิยมล้างทั้งหมดด้วยบล็อกข้อความที่เหนือกว่า บรรทัดรายการที่สองต้องมีการเยื้องเหมือนแถวแรก! เช่น: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, 1. Text 2. Text 3. longer Text, longer Text, longer Text, longer Text, longer …
260 html  css  html-lists 

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

15
วิธีแสดงรายการที่ไม่เรียงลำดับในสองคอลัมน์
ด้วย HTML ต่อไปนี้วิธีที่ง่ายที่สุดในการแสดงรายการเป็นสองคอลัมน์คืออะไร? <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> </ul> จอแสดงผลที่ต้องการ: A B C D E การแก้ปัญหาจะต้องสามารถทำงานได้บน Internet Explorer

4
จะทำเครื่องหมายรายการที่ซ้อนกันใน Bitbucket ได้อย่างไร?
ฉันกำลังพยายามดูรายการที่ซ้อนกันมาร์กดาวน์ของฉันที่แสดงผลด้วยการเยื้องที่สอดคล้องกันเมื่อดูในเบราว์เซอร์สดจากหน้า Bitbucket แต่ฉันไม่สามารถเข้าใจได้ว่ามันทำงานอย่างไรแม้ว่าจะใช้ตัวอย่าง ( อัปเดต ): * Item 1 * Item 2 * Item 3 * Item 3a * Item 3b * Item 3c จะละเว้นการเยื้องสำหรับรายการ 3a-c: ฉันต้องการให้มีลักษณะเช่นนี้ (ไวยากรณ์ทำงานได้ดีอย่างสมบูรณ์บน SE และ Github): ตัวอย่างรายการของพวกเขาในรายการเป็นสิ่งที่ยอมรับไม่ได้โดยเฉพาะ: 1. Step 1 2. Step 2 3. Step 3 * Item 3a * Item 3b * Item 3c …

18
CSS: ควบคุมพื้นที่ระหว่างสัญลักษณ์แสดงหัวข้อย่อยและ <li>
ฉันต้องการที่จะควบคุมเท่าใดพื้นที่แนวกระสุนผลักดันให้มัน&lt;li&gt;ไปทางขวาในหรือ&lt;ol&gt;&lt;ul&gt; นั่นคือแทนที่จะมีเสมอ * Some list text goes here. ฉันต้องการที่จะเปลี่ยนเป็น * Some list text goes here. หรือ *Some list text goes here. ฉันมองไปรอบ ๆ แต่สามารถหาคำแนะนำในการขยับบล็อกทั้งซ้ายหรือขวาตัวอย่างเช่นhttp://www.alistapart.com/articles/taminglists/
177 html  css  html-lists 

15
ปรับตำแหน่งรูปภาพของรายการหรือไม่
มีวิธีการปรับตำแหน่งของ list-style-image หรือไม่? เมื่อฉันใช้ช่องว่างสำหรับรายการในรายการรูปภาพจะยังคงอยู่ที่ตำแหน่งและจะไม่เคลื่อนที่เมื่อมีช่องว่างภายใน ...
169 css  image  html-lists 

13
กำจัดสัญลักษณ์แสดงหัวข้อย่อยจาก <ul>
ฉันมีรายการต่อไปนี้: &lt;ul id="otis"&gt; &lt;li&gt;Benz&lt;/li&gt; &lt;li&gt;Other Benz&lt;/li&gt; &lt;li&gt;Other Other Benz&lt;/li&gt; &lt;/ul&gt; ฉันต้องการกำจัดกระสุนดังนั้นฉันพยายาม: ul#otis { list-style-type: none; } ที่ไม่ทำงานแม้ว่า วิธีที่เหมาะสมในการลบหัวข้อย่อยออกจากรายการที่แสดงคืออะไร?
163 html  html-lists 

6
ลิสต์แบบกำหนดเอง li พร้อมไอคอนแบบอักษรสุดยอด
ฉันสงสัยว่ามันเป็นไปได้ที่จะใช้คลาส font-awesome (หรือแบบอักษร iconic อื่น ๆ ) เพื่อสร้าง&lt;li&gt;list-style-type แบบกำหนดเองหรือไม่? ฉันกำลังใช้ jQuery เพื่อทำสิ่งนี้เช่น: $("li.myClass").prepend("&lt;i class=\"icon-chevron-right\"&gt;&lt;/i&gt;"); อย่างไรก็ตามสิ่งนี้ไม่ได้มีรูปแบบที่เหมาะสมเมื่อ&lt;li&gt;ข้อความล้อมรอบหน้าเว็บเนื่องจากถือว่าไอคอนเป็นส่วนหนึ่งของข้อความไม่ใช่ตัวแสดงหัวข้อย่อยที่แท้จริง เคล็ดลับใด ๆ

3
การลบการเยื้อง ul ด้วย CSS
ฉันไม่สามารถลบการเยื้องออกจากรายการที่ไม่เรียงลำดับของฉันเมื่อมีบรรทัดยาวในรายการของฉันล้อมรอบ นี่คือรายการของฉันดูเหมือนว่า: ผู้ใช้ Windows สามารถใช้ผงสำหรับอุดรู ผู้ใช้ Mac สามารถใช้ Terminal.app ผู้ใช้ Linux สามารถใช้ SSH userid@ourserver.com พอร์ต 22 ........... &gt; หรือใช้โปรแกรม SFTP อย่าง Cyberduck เพียงชี้ไปที่ ........................... .............. &gt; ourserver.com พอร์ต 22 (จุดแสดงเยื้อง) ฉันได้อ่านวิธีแก้ไขปัญหามากมายแล้วลองตั้งค่าระยะขอบและระยะห่างจากศูนย์ให้เป็นศูนย์โดยใช้การเยื้องข้อความแบบรายการ แต่ไม่มีอะไรทำงาน ฉันคิดว่าปัญหาคือมีส่วนหัวเหนือรายการที่ฉันต้องการให้อยู่กึ่งกลางดังนั้นฉันจึงตั้งระยะขอบให้เป็นอัตโนมัติและจากนั้นจะทำรายการด้านล่างยุ่งเหยิง แต่แม้ว่าฉันจะบอกว่ามีสอง divs อยู่ใน div parent มันไม่ทำงาน นี่คือ HTML / CSS (ฉันรวมทุกอย่างในกรณีที่มีการตั้งค่าบางอย่างที่ทำให้การแก้ปัญหาอื่น ๆ ทั้งหมดล้มเหลว) &lt;div id="info"&gt; &lt;p&gt;&lt;strong&gt;Did you …
154 html  css  html-lists 

4
แท็กที่อนุญาตใน a <li> คืออะไร
ฉันค้นหารายการแท็กที่มีอยู่ใน a &lt;li&gt;แต่ไม่พบข้อมูลอ้างอิงใด ๆ เป็นไปได้ไหมว่าอนุญาตให้ใช้องค์ประกอบบล็อก HTML 4+ ที่เป็นไปตามมาตรฐานใด ๆ
132 html  html-lists 

9
jQuery ลบรายการทั้งหมดออกจากรายการที่ไม่ได้เรียงลำดับ
ฉันลืมคำสั่ง jQuery ที่จะล้างองค์ประกอบรายการทั้งหมดจากรายการ ฉันทำการค้นหาเล็กน้อยทำหลายครั้งก่อนหน้านี้ แต่ลืมคำสั่งไป $("ul").clear() $("ul").empty() ทั้งสองดูเหมือนจะไม่สำเร็จ .. มันมีคำสั่งไหนอีกแล้ว? อัปเดต: ขอบคุณพวกฉันต้องมีข้อผิดพลาดทางไวยากรณ์ในตัวเลือกของฉัน

8
วิธีเพิ่มส่วนหัวในรายการตามความหมาย
สิ่งนี้รบกวนฉันมาระยะหนึ่งแล้วและฉันสงสัยว่ามีความเห็นตรงกันว่าจะทำอย่างไรให้เหมาะสม เมื่อฉันใช้รายการ HTML ฉันจะรวมส่วนหัวของรายการตามความหมายได้อย่างไร ทางเลือกหนึ่งคือ: &lt;h3&gt;Fruits I Like:&lt;/h3&gt; &lt;ul&gt; &lt;li&gt;Apples&lt;/li&gt; &lt;li&gt;Bananas&lt;/li&gt; &lt;li&gt;Oranges&lt;/li&gt; &lt;/ul&gt; แต่ในทางความหมายส่วน&lt;h3&gt;หัวจะไม่เกี่ยวข้องกับไฟล์&lt;ul&gt; อีกทางเลือกหนึ่งคือ: &lt;ul&gt; &lt;li&gt;&lt;h3&gt;Fruits I Like:&lt;/h3&gt;&lt;/li&gt; &lt;li&gt;Apples&lt;/li&gt; &lt;li&gt;Bananas&lt;/li&gt; &lt;li&gt;Oranges&lt;/li&gt; &lt;/ul&gt; แต่ดูเหมือนจะสกปรกเล็กน้อยเนื่องจากส่วนหัวไม่ใช่หนึ่งในรายการจริงๆ W3C ไม่อนุญาตตัวเลือกนี้: &lt;ul&gt; &lt;h3&gt;Fruits I Like:&lt;/h3&gt; &lt;li&gt;Apples&lt;/li&gt; &lt;li&gt;Bananas&lt;/li&gt; &lt;li&gt;Oranges&lt;/li&gt; &lt;/ul&gt; เป็น&lt;ul&gt;แค่สามารถมีหนึ่งหรือมากกว่า&lt;li&gt;'s "ส่วนหัวรายการ" แบบเก่า&lt;lh&gt;เหมาะสมที่สุด &lt;ul&gt; &lt;lh&gt;Fruits I Like:&lt;/lh&gt; &lt;li&gt;Apples&lt;/li&gt; &lt;li&gt;Bananas&lt;/li&gt; &lt;li&gt;Oranges&lt;/li&gt; &lt;/ul&gt; แต่แน่นอนว่ามันไม่ได้เป็นส่วนหนึ่งของ HTML อย่างเป็นทางการ ฉันได้ยินมาว่าแนะนำให้เราใช้&lt;label&gt;แบบฟอร์ม: &lt;ul&gt; …
120 html  html-lists 

9
มีวิธีแบ่งรายการออกเป็นคอลัมน์หรือไม่?
หน้าเว็บของฉันมีรายการ "ผอม" ตัวอย่างเช่นรายการ 100 รายการที่มีความยาวหนึ่งคำ เพื่อลดการเลื่อนฉันต้องการนำเสนอรายการนี้ในสองหรือสี่คอลัมน์ในหน้า ฉันควรทำอย่างไรกับ CSS &lt;ul&gt; &lt;li&gt;Item&lt;/li&gt; &lt;li&gt;Item&lt;/li&gt; &lt;li&gt;Item&lt;/li&gt; &lt;li&gt;Item&lt;/li&gt; &lt;li&gt;Item&lt;/li&gt; &lt;li&gt;Item&lt;/li&gt; &lt;li&gt;Item&lt;/li&gt; &lt;li&gt;Item&lt;/li&gt; &lt;li&gt;Item&lt;/li&gt; &lt;li&gt;Item&lt;/li&gt; &lt;/ul&gt; เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ฉันต้องการให้โซลูชันมีความยืดหยุ่นเพื่อที่ว่าหากรายการเพิ่มขึ้นถึง 200 รายการฉันไม่ต้องทำการปรับเปลี่ยนด้วยตนเองมากนักเพื่อรองรับรายการใหม่
119 css  html-lists 

9
สามารถระบุหมายเลขเริ่มต้นสำหรับรายการสั่งซื้อได้หรือไม่?
ฉันมีรายการสั่งซื้อที่ฉันต้องการให้หมายเลขเริ่มต้นเป็น 6 ฉันพบว่าสิ่งนี้ได้รับการสนับสนุน (เลิกใช้แล้วในขณะนี้) ใน HTML 4.01 ในข้อกำหนดนี้ระบุว่าคุณสามารถระบุจำนวนเต็มเริ่มต้นได้โดยใช้ CSS (แทนstartแอตทริบิวต์) คุณจะระบุหมายเลขเริ่มต้นด้วย CSS ได้อย่างไร?
115 html  css  html-lists 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.