【问题标题】:Adding parenthasis in HTML ordered list在 HTML 有序列表中添加括号
【发布时间】:2011-05-26 07:02:48
【问题描述】:

我正在开发一个在 UIWebView 中加载 HTML 内容的 iPhone 应用程序。 我想创建一个类似这种格式的列表:

(1) 项目 1

(2) 项目2

(3) 项目 3

【问题讨论】:

    标签: iphone html css uiwebview html-lists


    【解决方案1】:
    ol {list-style-type: none;}
    li:before {content: "(" counter(section, lower-alpha) ") ";}
    li { counter-increment: section;}
    

    在这里测试:http://jsfiddle.net/Chumillas/NbNvy/

    【讨论】:

    • @yakatz:我认为没有。我尝试了上面的答案,因此我认为它应该是 html 标签格式。
    • @Chumillas:给的网站不工作,或者我不能正常使用。请指导一下?
    • @Chumillas:它似乎在工作,但在 CSS 代码中显示三个错误。我不知道 CSS :(
    • 1.line 1:期望一个赋值或函数调用,而是看到一个表达式。 2.line 1:缺少分号 3.line 1:缺少分号
    • @Yogi,学习 CSS 并不难,如果您打算使用现代网页,那么这是必要的。我不确定你打算如何在不使用 CSS 的情况下用 HTML 编写东西; HTML 用于描述页面的逻辑结构 - CSS 用于格式化。您需要使用“语义网”。您可以使用专为盲人设计的屏幕阅读器查看语义网。如果您使用标记来格式化页面,使其不可读,那么您就有问题了。 (我并不是说这直接适用于您的 iOS 项目,但要牢记这一点。)[/rant]
    【解决方案2】:

    最好的解决方法是将数字放入项目内容中并使用不带项目符号的无序列表。

    <ul style="list-style-type: none">
    <li>1)item one</li>
    <li>2)item two</li>
    </ul>

    【讨论】:

    • 谢谢,但如果我尝试这样做,格式看起来不正确,即文本出现在数字下方
    【解决方案3】:

    该格式不包含在标准 HTML/CSS 中。
    This site 列出了选项,this site 允许您在不编写任何代码的情况下试用它们的外观。

    【讨论】:

    • 感谢您的帮助,但它不包含我想要的样式。我想知道如何根据我的要求自定义样式
    • @Yogi,我的回答的重点是,除非您使用 CSS3,否则您无法从传统的 HTML 和 CSS 中获得您想要的格式(只有在 UIWebView 支持 CSS3 时才有效。)
    【解决方案4】:

    谢谢大家的热心回答...... 我通过使用不同的方式得到了解决方案。 我没有自定义有序列表,而是使用表格来显示数据,其中带括号的编号列表位于第一列,相关文本位于另一列。 它看起来像一个很好的有序列表。

    【讨论】:

      猜你喜欢
      • 2020-08-22
      • 2021-09-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-02-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多