Html CSS十进制列表样式类型，挂起的数字与标题文本的基线不相同

CSS十进制列表样式类型，挂起的数字与标题文本的基线不相同

我怎样才能把它们排成一行呢

 li { vertical-align:bottom;}

试一试

---

一些代码会很好。我能重现错误的唯一方法是给蓝色文本增加行高。因此，您可能希望尝试调整行高（并且可能添加一些上下边距以重新添加垂直间距）。

一些代码会很好。我可以重新创建错误的唯一方法是为蓝色文本提供更大的行高。因此，您可能希望尝试调整行高（可能添加一些上下边距会重新添加垂直间距。

检查您的li元素是否有底部填充

ol

和

li

元素的现有CSS是什么？您需要提供一个HTML标记和CSS应用的精简测试用例。如图所示，仅更改字体大小不会导致错误。）我的猜测和@thedev是一样的：你的元素上有填充。我也可以看一下实际的渲染，如果（不知怎么的）比发布代码更简单。检查您的li元素是否有底部填充。您的

ol

和

li

元素的现有CSS是什么？您需要提供一个HTML标记和正在应用的CSS的精简测试用例。如图所示，仅更改字体大小不会导致基线不对齐。我的猜测与@thedev相同：你的元素上有填充。我也可以看一看实际的渲染，如果这（某种程度上）比发布代码更容易的话。谢谢，行高是其中之一。请注意，边距和填充对列表编号和列表内容的影响是相同的（当应用于

li

或

h

元素时）谢谢，行高就是其中之一。请注意，边距和填充对列表编号和列表内容的影响是相同的（当应用于

li

或

h

元素时）