如何设置页码样式以不与自定义寻呼机中的上一行重叠

Question

我正在为我正在构建的网站上的一些数据使用自定义寻呼机。传呼机工作完美，但页码相互重叠。我想知道如何设计它们才能使它们看起来更好。

源代码

<ItemTemplate>
    <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
        style="padding:8px; margin:2px; background:#ac9e94; border:solid 1px #666; font:8pt; color:#594334;"
        CssClass='<%# Convert.ToBoolean(Eval("Enabled")) ? "page_enabled" : "page_disabled" %>'
        OnClick="Page_Changed" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'>
    </asp:LinkButton>
</ItemTemplate>

我试过给它一个边距，但没有用。

Answer 1

在样式属性中添加display: inline-block;。这将自动增加行高以适应额外的垂直填充。

如何设置页码样式以不与自定义寻呼机中的上一行重叠

How to style page numbers to not overlap the previous line in custom pager

html

css

asp.net

webforms

pager