Questions tagged «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 list item</li> </ul>

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 Text, longer Text …
260 html  css  html-lists 

17
HTML列表样式类型的连字符
有没有一种方法可以用破折号(即-或- –或- —)在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上运行。

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 

4
如何在Bitbucket中标记嵌套列表项?
我正在尝试从Bitbucket页面实时浏览器中查看带有相应缩进的markdown嵌套列表项。但是即使使用他们的示例(更新),我也无法弄清楚它是如何工作的: * 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 这是我为此设置的一个仓库。


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列表样式,带有超棒的字体图标
我想知道是否有可能利用超赞字体(或任何其他标志性字体)类来创建自定义&lt;li&gt;列表样式类型? 我目前正在使用jQuery来做到这一点,即: $("li.myClass").prepend("&lt;i class=\"icon-chevron-right\"&gt;&lt;/i&gt;"); 但是,当&lt;li&gt;文本在页面上换行时,这不能正确设置样式,因为它认为图标是文本的一部分,而不是实际的项目符号。 有小费吗?

3
使用CSS删除ul缩进
当列表中的长行环绕时,我似乎无法从无序列表中删除缩进。这是我的清单: Windows用户可以使用腻子 Mac用户可以使用Terminal.app Linux用户可以使用SSH userid@ourserver.com端口22 ...........&gt;或使用像Cyber​​duck这样的SFTP程序,只需将其指向.......................................... ..............&gt; ourserver.com,端口22 (点表示缩进) 我已经阅读了很多解决方案,并尝试使用文本缩进,列表样式将边距和填充设置为零,但是没有任何效果。我认为问题在于列表上方有一个标题,需要将其居中,因此我将边距设置为自动,然后将下面的列表弄乱了。但是,即使我在父div内放了两个div也行不通。 这是HTML / CSS(我包含了所有内容,以防万一某些设置导致所有其他解决方案失败) &lt;div id="info"&gt; &lt;p&gt;&lt;strong&gt;Did you know you can SSH directly to ourserver.com?&lt;/strong&gt; &lt;/p&gt; &lt;ul&gt; &lt;li&gt;Windows users can use putty&lt;/li&gt; &lt;li&gt;Mac users can use the &lt;a href="http://www.terminfo.org"&gt;Terminal.app&lt;/a&gt;&lt;/li&gt; &lt;li&gt;Linux users can use SSH userid@ourserver.com port 22&lt;/li&gt; &lt;li&gt;Or use an SFTP …
154 html  css  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;'s只能含有一种或多种&lt;li&gt;的 旧的“列表标题” &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; &lt;label&gt;Fruits I Like:&lt;/label&gt; &lt;li&gt;Apples&lt;/li&gt; &lt;li&gt;Bananas&lt;/li&gt; &lt;li&gt;Oranges&lt;/li&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 


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.