Как стилизовать номера страниц, чтобы не перекрывать предыдущую строку в пользовательском пейджере

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; в атрибут стиля. Это автоматически увеличит высоту линии, чтобы разместить дополнительную вертикальную прокладку.