问题标签 [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.
html - 如何自定义有序列表中的数字?
如何左对齐有序列表中的数字?
更改有序列表中数字后的字符?
还有一个 CSS 解决方案可以从数字更改为字母/罗马列表,而不是使用 ol 元素上的 type 属性。
我最感兴趣的是适用于 Firefox 3 的答案。
html - 更改 html 列表中项目符号的颜色?
我想要的只是能够将列表中项目符号的颜色更改为浅灰色。它默认为黑色,我不知道如何更改它。
我知道我可以只使用图像;如果我能帮上忙,我宁愿不这样做。
html - 管理内联列表项之间空格的最佳方法
我的HTML如下:
我的CSS:
然而 li 之间的空白出现了。我可以通过像这样折叠它们来删除空格:
但这主要是手动维护的,我想知道是否有更清洁的方法。
css - 消失的要点
http://biochrom.fivesite.co.uk/catalogue4.asp
在上面的页面上,有一个图像漂浮在左边。它的右侧是一个列表,标题为“功能”。列表项有一个背景图像,但是,它没有出现。清单 2 显示了背景图像的外观。
有谁知道我怎样才能使子弹可见?
html - HTML CSS LI 包装
我的系统中有一个垂直菜单,它基本上由 HTML ul
/ li
CSS 样式组成(见下图)。但是我不希望li
比菜单更宽的项目换行,我希望它们溢出菜单底部的水平滚动条。如何在 CSS 中做到这一点?
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;}
非常感谢您的帮助...
javascript - 在 javascript 中正确引用 html 列表项对象进行事件注册
如果我有例如以下 html 列表,我想知道如何引用列表项对象
如何在不需要唯一 elementId 的情况下将 onclick 注册到 Item2 li 例如,我可以为 subdiv_3 这样做,因为它具有唯一 ID 并且不在列表中
我的目标最终是为每个列表对象分配一个函数,用于基于列表对象编号的具有唯一参数的列表对象的数量,例如:
html - 写清单的正确方法
这是我已经思考了一段时间的事情,因为我已经看到两者都在实践中使用。
方法一
这在我看来在语义上是正确的,因为子列表是该列表项的子列表,但是它不是很干净(列表项内容<list right next to it>
)。
方法二
更清晰,但不能直接理解该列表是第 2 项的子列表(尽管人类推断可以理解)。
顺便说一句,这纯粹是对语义标记的关注,两种方法在页面上呈现相同的内容。
所以,你怎么看?可能的来源是可取的,但个人使用也很好。我注意到 MediaWiki 的 heirachial TOC 正在使用方法 1,这鼓励我相信这是正确的用法。
css - CSS 水平菜单问题:在 IE7 中不起作用
你能帮我修复这个页面上的菜单吗?菜单列表项没有定义宽度,因此它们在 IE7 中以 100% 的宽度显示。如果我让 span.right 有一个 float: left,它可以解决问题,但是圆角不起作用。一个可能的解决方案可能是摆脱正确的跨度并为锚设置填充和背景图像,但这会:a)阻止我能够使用锚上的背景图像(对于这种情况,我想纯色会做)和b)要求我将menu.png分成单独的图像文件。
如果大家有什么好的建议,请告诉我。谢谢!