在使用OL的时候，经常会有两种排版方式，也就是采用inside和outside实现这两种排版方式，下面就是这两种排版方式的详细介绍。最后希望您在转载时一定要标明出处，请尊重我的劳动成果，在此，我对所有关注渝石网络的朋友表示衷心的感谢。
如你有其他需求或对网站有什么建议的话，可以随时联系渝石网络站长，站长将及时地给予回答。同时你也可以在网站下载其相关资料，网站地址：http://www.fishsting.com/。
一、第一种样式采用下面的代码
ol{
width: 750px;
/* margin-left: 50px; */
list-style-type: decimal;
/* list-style-position: outside; */
list-style-position: inside;
}
ol li{
font-size: 16px;
line-height: 28px;
text-indent: 2em;
padding-left: 10px;
border: 1px solid red;
}
二、第二种样式采用下面的代码
ol{
width: 750px;
margin-left: 50px;
list-style-type: decimal;
list-style-position: outside;
}
ol li{
font-size: 16px;
line-height: 28px;
//调节数字和文字之间的距离
padding-left: 10px;
border: 1px solid red;
}
2026年8月16日
黄建春
2026/8/16
76