HTML5中无序列表,HTML5中的无序列表带有列表/组名(Unordered list in HTML5 with a list/group name)...

HTML5中的无序列表带有列表/组名(Unordered list in HTML5 with a list/group name)

你将如何在HTML5中创建一个无序的项目列表，其顶部的组名是？ 项目应该看起来缩进。

例如：

GroupName1

Item1

Item2

Item3

GroupName2

Item4

Item5

How would you create an unordered list of items in HTML5 with a group name at the top? The items should look indented.

Ex:

GroupName1

Item1

Item2

Item3

GroupName2

Item4

Item5

原文：https://stackoverflow.com/questions/6457199

更新时间：2019-11-10 13:21

最满意答案

为什么不在列表中做一个列表？

• Group 1

  • Item 1
  • Item 2
  • Item 3

• Group 2

  • Item 4
  • Item 5

Why not just do a list within a list?

• Group 1

  • Item 1
  • Item 2
  • Item 3

• Group 2

  • Item 4
  • Item 5

相关问答

为什么不在列表中做一个列表？

• Group 1

  • Item 1
  • Item 2
  • Item 3

• Group 2

  • Item 4
  • Item 5

Why not just do a list

...

有一个非常方便的指南。 这是小提琴： 小提琴 HTML：

• Animals
  • Birds
  • Mammals
    • Elephant
    • Mouse
  • Reptiles

  CSS： ul.tree, ul.tree ul { list-style-type: none; backgrou

  ...

  像这样的东西会让你关闭： ul {float: left; list-style-type:none;}

  ul li {float: left; margin-right:20px;}

  ul li span {display:block}

  *编辑，以解决您的评论。 从那里拿走:) Something like this will get you close: ul {float: left; list-style-type:none;}

  ul li {float: left; margin-ri

  ...

  function submit()

  {

  var name = document.getElementById("enter");

  var theName = name.value;

  names.push(theName);

  document.getElementById("name").innerHTML = "";

  for (var I = 0; I < names.length; I++)

  {

  nameList = "

• " + names[I] +

  ...

  在这里游戏的后期，你不能在框中使用[dropzone]，因为任何浏览器都不支持它。 看看我的项目 ，它试图实现我认为的规范。 手段。 您可以轻松地使用它来实现您的用例。 Bit late to the game here, you can't use [dropzone] out the box as it isn't supported on any browsers. See my project which is an attempt to implement what I think th

  ...

  我认为就是这样。

  Heading

  • listItem
  • listItem

  I think that is it.

  Heading

  ...

  是的，这很好，但如果也有一个标题，例如，它会更好

  Article List

  Article

  Description of article

  ...

  Yes that's fine, although it would be better if the also had a head

  ...

  您可以使用负边距： HTML The cast of the movie: Too Big to Fail

  • William Hurt as Hank Paulson
  • Paul Giamatti as Ben Bernanke
  • Billy Crudup as Timothy Geithner
  • Edward Asner as Warren Buffet

  ...

  我编写了代码来覆盖的默认浏览器行为。 我的结论是，尝试这样做是一个坏主意，因为每个浏览器如何处理输入和jQuery代码。 我建议Mortensen先生找到一个UI小部件或替换，例如滚动div中的复选框，它将提供更可预测的行为，然后将我的代码功能应用于该选择。 我坚持使用泛型代码有各种选择： 不一致：我很惊讶Opera就像我想要的那样工作。 IE 7只是忽略了我的代码。 Chrome ：当按下某个键以选择一个不在视图中的项目时，

  ...