我出现了两次<ol><li>在这篇博文中。第一个实例的格式很好，使用这个 CSS:
.post_content ul, .post_content ol {
padding-left: 20px;
margin: 0px 0px 20px 0px;
}
然后，在下面的 PDF 图标图像(向左浮动)旁边，元素符号被拉到左侧并且没有完全正确对齐。我错过了什么？
最佳答案
尝试添加
list-style-position: inside;到你的CSS <ol> .
基本上，您的 20px填充的内容会抵住包含元素的左边框，并被 float 图片吃掉。将列表数字移动到包含元素的“内部”，使它们的行为类似于 <p>周围有文字。
这也会缩进 <ol>你拥有的不受 float 影响的，所以你可能想为此创建一个特殊的类 <ol> (或者删除左侧填充，如果您添加它只是为了使第一个 <ol> 对齐)。
关于css - 当图像左对齐时 <ol><li> 位置为奇数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9967045/