ASPxMenu control spacing problem_html/css_WEB-ITnose

I designed the page using the control ASPxMenu, but now the spacing cannot be solved. The code is as follows:

<dx:ASPxMenu ID="ASPxMenu1" runat="server" Width="100%"                                         onitemclick="ASPxMenu1_ItemClick">                                        <Items>                                            <dx:MenuItem Text="新增">                                                <image url="~/Images/xinzeng.png">                                                </image>                                            </dx:MenuItem>                                            <dx:MenuItem Text="修改">                                                <image url="~/Images/xiugai.png">                                                </image>                                            </dx:MenuItem>                                            <dx:MenuItem Text="查看">                                                <image url="~/Images/chakan.png">                                                </image>                                            </dx:MenuItem>                                            <dx:MenuItem Text="删除">                                                <image url="~/Images/shanchu.png">                                                </image>                                            </dx:MenuItem>                                            <dx:MenuItem Text="已完成删除">                                                <image url="~/Images/shanchu.png">                                                </image>                                            </dx:MenuItem>                                            <dx:MenuItem Text="查询">                                                <image url="~/Images/chaxun.png">                                                </image>                                            </dx:MenuItem>                                            <dx:MenuItem Text="二次派工" Visible="False">                                                <image url="~/Images/CashierModify.png">                                                </image>                                            </dx:MenuItem>                                            <dx:MenuItem Text="撤单">                                                <image url="~/Images/16_back.png">                                                </image>                                            </dx:MenuItem>                                            <dx:MenuItem Text="打印" Visible="False">                                                <image url="~/Images/Print.png">                                                </image>                                            </dx:MenuItem>                                            <dx:MenuItem Text="退出">                                                <image url="~/Images/tuichu.png">                                                </image>                                            </dx:MenuItem>                                            </Items>                                        <BackgroundImage ImageUrl="~/Images/tab_05.gif" />                                    </dx:ASPxMenu>

As a result, the distance between these text is very large, and padding cannot be used to solve it.
The Internet speed is not good and the screenshots cannot be uploaded, because the distance between these items is very large
How to solve it?

Reply to discussion (solution)

No one? ? ? Urgent,,,, need a solution

line-height Try

Okay,,, solved, put it in a table, set the background of both to the same color, Then set the length of ASPxmenu and remove the border
and that’s it