html-lists

问题 Goal: Display textbox and submit button on the same line in Jquery Mobile. Problem: They will not display on the same line. I've tried many times to display the textbox and submit button on the same line, but it never works. Here is my code and the combinations I used... <form method="GET" style="display: inline-block;"> <input type="text" name="id" value="Other"> <input type="submit" data-type="button" data-icon="plus" value="Add"> </form> That did not work. <form method="GET"> <span> <input

问题 I have a list of lists. Sublists are floated left. See http://jsfiddle.net/P4Psf/ Is there a way to force these columns to be the same height as their neighbors (i.e. have Element 1, 2 and 3 equal height, then 4, 5, 6 equal height (but of course different from 1,2,3) etc. etc.)? At the moment 7 and 8 put themselves below 5 and 6, where they actually should be below 4 and 5. I of course could do this using javascript, but I'm hoping that there is a pure CSS solution that works in (at least)

问题 Is there a way to find number of items ( li tag) inside a ul which has it's float: set to left . Assume i got loads of folders which are visually represented by li tags. Due to floating behavior as soon as the li does not fit in single row they will be pushed down giving it Rows and columns look.my questions is Using jQuery ..etc Is there a way to determine the number of li for each row Code <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> <li>F</li> <li>G</li> <li>H</li> <li>I</li

问题 Is there a way to find number of items ( li tag) inside a ul which has it's float: set to left . Assume i got loads of folders which are visually represented by li tags. Due to floating behavior as soon as the li does not fit in single row they will be pushed down giving it Rows and columns look.my questions is Using jQuery ..etc Is there a way to determine the number of li for each row Code <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> <li>F</li> <li>G</li> <li>H</li> <li>I</li

问题 This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center. Closed 6 years ago . Could somebody help me and tell me what is creating bullets throughout my site? bit.ly/12QJQ0F (look at the form) and on the Social Media page its there

问题 I have something like this: <ul> <li id="li1">1</li> <li id="li2">2</li> <li id="li3">3</li> </ul> And I wonder if there is possible to move the list number 3, to the place of the list number 1 using javascript or jquery, like this: <ul> <li id="li3">3</li> <li id="li2">2</li> <li id="li1">1</li> </ul> Thanks for you time! 回答1: No jQuery solution : var list = document.getElementsByTagName('ul')[0], items = list.getElementsByTagName('li'), i = items.length; while (i--) list.appendChild(items[i

问题 I have a list, which leaves some spaces for indentation purposes and also provides dashed underlying. However the display properties used for this list do no match, causes the text to change line when a space is found. Here is a Fiddle. The CSS: .dashed { display: block; width: 100%; height: 90%; border-bottom: dashed 2px #54687a; } li { display: table-row; } li span { display: table-cell; padding-right: 1em; } I tried to keep only one display property, but that failed. Anyone has a fix for

问题 I have a Jasper report which uses HTML markup tag to display the li tag list. However, it seems that even with the latest version of the Jasper report, it still cannot do the hanging indent correctly. This is what I want: TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test This is what I get:

问题 Is there a simple way to reorder my list items using a class? I want to specify a class to feature those items at the top of the list first, with other list items listed below. <ul class="order-me"> <li class="">normal content</li> <li class="">normal content</li> <li class="featured">featured content</li> <li class="">normal content</li> <li class="featured">featured content</li> <li class="">normal content</li> <li class="">normal content</li> </ul> Desired output: <ul class="order-me"> <li

问题 I have an ordered list, but I want to number is manually in a separate span tag than use the default list-style: decimal; <ol> <li><span>1</span> item 1</li> <li><span>2</span> item 2</li> </ol> How can I achieve this using jQuery? Many thanks! 回答1: $(function() { $("ol > li").each(function(i, n) { $(this).prepend("<span>" + (i+1) + "</span> "); }); }); You'll need to disable the standard markers too: ol { list-style-type: none; } Adjust as required. 来源： https://stackoverflow.com/questions