0

我有一些代码试图blockquote在某个实例中用来模仿我的 HTML 样式中的标签。

在 CSS 中，这个实例是div.source ol li，我页面上的 CSS 如下（我的网站）

blockquote div {
    line-height:0;
    padding-top:0;
}
blockquote div p {
    line-height:1em;
}
div.source > p:first-child {
    display:inline;
}
div.source blockquote {
    margin-top:.9em;
}
div.source ol li {
    list-style-type:decimal;
}
div.source ol {
    font-family:SEGOEUIL;
    line-height:1;
    margin-top:.9em;
    font-size:130%;
    display:block;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    background-color:0 color-stop(50%, #E0F8E0), color-stop(51%, #E6F8E0), color-stop(100%, #F5FBEF));
    background:0;
    overflow:auto;
    white-space:pre-wrap;
    border-style:solid;
    border-width:0;
    padding:0 .9em;
}
blockquote {
    overflow:hidden;
    font-family:SEGOEUIL;
    font-size:12px;
    line-height:1;
    padding-top:0;
}
body {
    font-size:70%;
    line-height:1.4;
    margin:0;
}
blockquote p, div.source ol p {
    -webkit-margin-before:0;
    -webkit-margin-after:0;
}
# blockquote p sub, div.source ol p sub {
    margin-top:-15px;
}

正如您可能看到的那样，就格式而言，div.source ol它的行为好像是，但是标签呈现为一个项目符号点，当我检查它说的元素时，它应该是......任何人都可以解释吗？blockquote<li>list-style-type:decimal

编辑这是list-style-position:insideExplosion Pills 推荐的 在此处输入图像描述

编辑 2仍然只能缩进第一行......！http://jsfiddle.net/a6Dfh/

在此处输入图像描述

4

2 回答 2

1

实际上，这不是一个要点，而是小数点的句点。问题是你有list-style-position: outside（默认值），但<ol>它包含在一个元素中，overflow: hidden所以你实际上看不到小数。尝试在 中添加更多填充<ol>或将其更改为list-style-position: inside或两者兼而有之，以移动数字直到它们适合您想要的位置。

于 2013-10-30T13:50:05.600 回答
0

我相信您应该将list-style-typeorul应用于ol列表项。

这是MDN 参考。

于 2013-10-30T13:48:30.507 回答