点击

Question

分页栏中存在问题，点击第三（底部）行时，数字项30始终跳到下一行... it is here这仅在Chrome浏览器中发生。 css有问题。你能帮我解决一下吗？

Answer 1

所有列表项都有padding: 5px，但是当它们被选中时，它们会获得padding: 2px 4px。

当您选择30时，元素的宽度会减小，然后它会放在同一行的29旁边。

确保所选项目也为padding: 5px，以便它们始终保持相同的大小。

Answer 2

根据Hans Answer的说法，一些浏览器会在处于：焦点状态时改变li元素的填充

解决问题：

li,
li:focus {
 padding:5px;
}