标签: html-lists

当我的列表中的长行环绕时,我似乎无法从我的无序列表中删除缩进.这是我的列表的样子:

• Windows用户可以使用putty
• Mac用户可以使用Terminal.app
• Linux用户可以使用SSH userid@ourserver.com端口22
• ...........>或者使用像Cyber​​duck这样的SFTP程序,只需将其指向........................... ..............> ourserver.com,22号港口

(点显示缩进)

我已经阅读了一堆解决方案,尝试使用text-indent,list-style将margin和padding设置为零,但没有任何效果.我认为问题是列表上方有一个我需要居中的标题,因此我将边距设置为自动,然后它会搞乱下面的列表.但即使我在父div中说两个div它也不起作用.

这是HTML/CSS(我包含了所有内容,以防有一些设置导致所有其他解决方案失败)

<div id="info">
    <p><strong>Did you know you can SSH directly to ourserver.com?</strong> </p> 
    <ul>
        <li>Windows users can use putty</li>
        <li>Mac users can use the <a href="http://www.terminfo.org">Terminal.app</a></li>
        <li>Linux users can use SSH userid@ourserver.com port 22</li>
        <li>Or use an SFTP program like <a href="http://cyberduck.ch/">Cyberduck</a> just point it at ourserver.com, port 22</li>
    </ul>
</div>

#info {
    color:#FFFFFF;
    width:440px;
    margin-left:auto;
    margin-right:auto;
    border-radius: 10px;
    border-style:solid;
    border-width:2px;
    border-color:#FFF; 
    padding-bottom:20px; padding-left:20px; padding-right:20px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% …

我一直在搜索可用的标签列表,<li> 但找不到任何参考.

是否可以在其中允许任何符合标准的HTML 4+块元素？

我正试图在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

这是我为此设立的回购.

我忘记了将清除列表中所有列表元素的jQuery命令.我做了一些搜索,之前做了很多次,但只是忘记了命令.

$("ul").clear()
$("ul").empty()

两者似乎都没有完成这个......又是哪个命令呢？

更新:
谢谢大家,我的选择器必须有一些语法错误.

我的网页有一个"瘦"列表:例如,每个长度为100个单词的列表.为了减少滚动,我想在页面上的两列甚至四列中显示此列表.我应该如何使用CSS？

<ul>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>

我更喜欢灵活的解决方案,以便如果列表增加到200个项目,我不必进行大量手动调整以适应新列表.

我不确定为什么我需要使用ul-li vs在列出项目时简单地使用div.我可以使两者看起来完全一样,那么创建无序列表与排队div的功能优势在哪里？

我有一个有序列表,我希望初始数字为6.我发现在HTML 4.01中支持(现已弃用).在本规范中,他们说您可以使用CSS指定起始整数.(而不是start属性)

你会如何用CSS指定起始编号？

标题几乎解释了它.

现在我们有了专用<nav>标签,

这是:

<nav>
  <ul>
    <li><a href="#foo">foo</a></li>
    <li><a href="#bar">bar</a></li>
    <li><a href="#baz">baz</a></li>
  </ul>
</nav>

比以下更好吗？

<nav>
  <a href="#foo">foo</a>
  <a href="#bar">bar</a>
  <a href="#baz">baz</a>
</nav>

我的意思是,假设我不需要额外的DOM级别来进行某些CSS定位/填充,首选方法是什么,为什么？

这一直困扰着我一段时间,我想知道如何正确地做到这一点是否有任何共识.当我使用HTML列表时,我如何在语义上包含列表的标题？

一种选择是这样的:

<h3>Fruits I Like:</h3>
<ul>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

但在语义上,<h3>标题没有明确地与<ul>

另一种选择是:

<ul>
    <li><h3>Fruits I Like:</h3></li>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

但这似乎有点脏,因为标题实际上不是列表项之一.

W3C不允许此选项:

<ul>
    <h3>Fruits I Like:</h3>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

如<ul>'s只能含有一种或多种<li>的

旧的"列表标题" <lh>最有意义

<ul>
    <lh>Fruits I Like:</lh>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

但当然它不是HTML的正式组成部分

我听说它表明我们使用<label>的形式如下:

<ul>
    <label>Fruits I Like:</label>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Oranges</li>
</ul>

但这有点奇怪,无论如何都不会验证.

在尝试设置我的列表标题时,很容易看到语义问题,我最终需要将我的<h3>标记放在第一个标记中,<li>并将其定位为样式,如下所示:

ul li:first-of-type {
    list-style: none;
    margin-left: -1em;
    /*some other header styles*/
}

恐怖!但至少通过这种方式,我可以 …

例如,我需要使用星号(★)作为列表项的子弹.

我已经阅读了CSS3模块:列表,描述了如何使用自定义文本作为项目符号,但它对我不起作用.我认为,浏览器根本不支持::marker伪元素.

如何在不使用图像的情况下进行操作？