问题标签 [html-lists]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
17 回答
121184 浏览

html - 如何自定义有序列表中的数字?

如何左对齐有序列表中的数字?

更改有序列表中数字后的字符?

还有一个 CSS 解决方案可以从数字更改为字母/罗马列表,而不是使用 ol 元素上的 type 属性。

我最感兴趣的是适用于 Firefox 3 的答案。

0 投票
16 回答
193999 浏览

html - 更改 html 列表中项目符号的颜色?

我想要的只是能够将列表中项目符号的颜色更改为浅灰色。它默认为黑色,我不知道如何更改它。

我知道我可以只使用图像;如果我能帮上忙,我宁愿不这样做。

0 投票
8 回答
40045 浏览

html - 管理内联列表项之间空格的最佳方法

我的HTML如下:

我的CSS:

然而 li 之间的空白出现了。我可以通过像这样折叠它们来删除空格:

但这主要是手动维护的,我想知道是否有更清洁的方法。

0 投票
4 回答
6734 浏览

css - 消失的要点

http://biochrom.fivesite.co.uk/catalogue4.asp

在上面的页面上,有一个图像漂浮在左边。它的右侧是一个列表,标题为“功能”。列表项有一个背景图像,但是,它没有出现。清单 2 显示了背景图像的外观。

有谁知道我怎样才能使子弹可见?

0 投票
3 回答
82771 浏览

html - HTML CSS LI 包装

我的系统中有一个垂直菜单,它基本上由 HTML ul/ liCSS 样式组成(见下图)。但是我不希望li比菜单更宽的项目换行,我希望它们溢出菜单底部的水平滚动条。如何在 CSS 中做到这一点?

0 投票
5 回答
202 浏览

html - 需要帮助显示子列表而不间隔父列表

我正在打印我们提供的大学专业列表,然后在每个专业中,我们都有每个专业的浓度。

我们的科学专业有以下浓度:环境科学与林业、脊椎按摩疗法、化学、生物学

这是它正在做什么的屏幕截图: 替代文字

我不希望它显示的间距(我不希望您在人力资源管理 AAS 和心理学之后看到的间距。)在屏幕截图中,任何帮助表示赞赏。

源代码如下所示:

0 投票
5 回答
3227 浏览

image - “ul”中的背景图片居中...但我希望它在顶部

在这个页面(http://www.bonniesphere.com/blog/elsewhere/)上,“li”项目有一个图像而不是一个项目符号。但是图像垂直居中,在多行条目中看起来不太好。谁能告诉我 CSS 中是否有需要更改的内容?

下面是相关代码:

.entry ul {list-style-type:none;} .entry ul li{padding: 0 0 0 15px;background: url(img/ol.gif) no-repeat left center;margin-left:10px;}

非常感谢您的帮助...

0 投票
3 回答
5860 浏览

javascript - 在 javascript 中正确引用 html 列表项对象进行事件注册

如果我有例如以下 html 列表,我想知道如何引用列表项对象

如何在不需要唯一 elementId 的情况下将 onclick 注册到 Item2 li 例如,我可以为 subdiv_3 这样做,因为它具有唯一 ID 并且不在列表中

我的目标最终是为每个列表对象分配一个函数,用于基于列表对象编号的具有唯一参数的列表对象的数量,例如:

0 投票
3 回答
1165 浏览

html - 写清单的正确方法

这是我已经思考了一段时间的事情,因为我已经看到两者都在实践中使用。

方法一

这在我看来在语义上是正确的,因为子列表是该列表项的子列表,但是它不是很干净(列表项内容<list right next to it>)。

方法二

更清晰,但不能直接理解该列表是第 2 项的子列表(尽管人类推断可以理解)。

顺便说一句,这纯粹是对语义标记的关注,两种方法在页面上呈现相同的内容。

所以,你怎么看?可能的来源是可取的,但个人使用也很好。我注意到 MediaWiki 的 heirachial TOC 正在使用方法 1,这鼓励我相信这是正确的用法。

0 投票
1 回答
3379 浏览

css - CSS 水平菜单问题:在 IE7 中不起作用

你能帮我修复这个页面上的菜单吗?菜单列表项没有定义宽度,因此它们在 IE7 中以 100% 的宽度显示。如果我让 span.right 有一个 float: left,它可以解决问题,但是圆角不起作用。一个可能的解决方案可能是摆脱正确的跨度并为锚设置填充和背景图像,但这会:a)阻止我能够使用锚上的背景图像(对于这种情况,我想纯色会做)和b)要求我将menu.png分成单独的图像文件。

如果大家有什么好的建议,请告诉我。谢谢!