html-lists

问题 I'm using javascript to build a list of results. I have a for-loop that iterates over some data and creates a mydata div, and adds that to the results div. Let's pretend it looks something like this: <div id="results"> <div class="mydata">data 1</div> <div class="mydata">data 2</div> ... <div class="mydata">data 20</div> </div> What I want to do is only display 5 results at a time , and should the user wish to see more, they can click a show next 5 or show more button (or something similar).

问题 I would like to diplay comments on my site like this: <li>Parent <ul> <li>child one</li> <li>child two <ul> <li>grandchild</li> <li>other grandchild</li> </ul> </li> </ul> <li>Another parent with no children</li> <li> I have read the following article, however it doesn't use <li> . So is there a way to display comments like I've done before with an array like so? Thanks. $comments = array( array('id'=>1, 'parent_id'=>NULL, 'text'=>'Parent'), array('id'=>2, 'parent_id'=>1, 'text'=>'Child'),

问题 I'm new to Markdown . I was writing something like: #Table of Contents 0. Item 0 1. Item 1 2. Item 2 But that generates: Table of Contents Item 0 Item 1 Item 2 Yes, I want to start the list from zero. Is there an easy way to do that? If not, I can simply rename all of my indices, but this is annoying when I have several items. And I didn't think I would got this problem, begin a list from zero looks so natural to me like begin the index of an array from zero. 回答1: Simply: NO Longer: YES, BUT

问题 I tried <textarea rows="10" columns="2"><li>joe</li><li>jerry</li></textarea> to see if I could put an html list in a <textarea> but it just showed as text. Is there any way to show it as a list inside the textarea? 回答1: You can't have HTML inside textarea s - it's for plain text only. However, you can try using contentEditable for this. The result isn't very good, but you be the judge whether you want to use it or not. Simply use something like this: <div class="editable" contenteditable=

问题 I'm using jquery to add and remove bullets on the fly after the DOM is loaded. Here's the code to add a bullet which works fine: // add bullet $('#linkedEventList ul').append('<li id=' + datum._id + '>' + datum.headline + ' <a href=javascript:; title=delete onclick=remove(this) class=itemDelete>(x)</a> <a href=/events/' + datum._id + '>(open)</a></li>'); Now here's the code to remove the clicked bullet, which works fine in Firefox, but does not work right in Chrome. In Chrome, the hyperlink

问题 Is there a way to indent each list-item using CSS? So a normal list: <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> </ul> Displays like so: One Two Three Four 回答1: Here you can use :before pseudo-element with transparent border. You can variate indent of list item by changing a width of pseudo-element. Along with that you can change list marker if set list-style: none; and set color of content EDIT: removed display: block and color: transparent and used space character \00a0 as a

问题 I have searched extensively and seen numerous examples on how to vertical-align text using the vertical-align property and the line-height property. However, all my efforts seem to bear no fruit as I am unable to get my text to align vertically. How do I do vertically align text to be centered? The height properties are not fixed so I can't use line-height . HTML <nav> <ul> <li><a href="html/login.html">Login</a></li> <li><a href="html/user_registration.html">Register</a></li> <li><a href="#"

问题 I need to render a unordered list with the data obtained from database using asp.net/C#.My data looks something like this. id Name Depth 1 ELECTRONICS 0 2 TELEVISIONS 1 3 Tube 2 4 LCD 2 5 Plasma 2 6 Portable electronics 1 7 MP3 Player 2 8 Flash 3 9 CD Players 2 10 2 Way Radio 2 using the above sample data I need to render an unordered list based on the depth, in the following format <ul> <li>ELECTRONICS <ul> <li>TELEVISIONS <ul> <li>TUBE</li> <li>LCD</li> <li>PLASMA</li> </ul> </li> <li

问题 I'm wondering if there's any way to make the text of an unordered list item appear as a "column" by the side of the standard disc/dot list item icon? Made a pair of screenshots: This is how it looks when using a standard unordered list with some text inside the list item (li): And this is how I want it to look: Is this possible without any image/div hacks? ;-) I've searched around to see if there's any standard CSS setting for it, but I couldn't seem to find any. Thanks a lot in advance! All

问题 example here: http://jsfiddle.net/R7GUZ/3/ I'm having a heck of a time getting list-style to work in webkit for a parent OL styled with -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; How do I format an ordered list into columns with css3 and still maintain the list-style styling? <ol class="text-col2"> <li> <strong>Can we call you?</strong> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae