У меня есть горизонтальная строка меню здесь:
<asp:Menu ID="NavigationMenu" runat="server" Orientation="Horizontal" EnableViewState="false" Width="100%" IncludeStyleBlock="true" StaticMenuItemStyle-BackColor="black" StaticHoverStyle-BackColor="#F26522" StaticSelectedStyle-BackColor="#F26522">
<Items >
<asp:MenuItem NavigateUrl="B1TSUser.aspx" Text="B1TS User"></asp:MenuItem>
<asp:MenuItem NavigateUrl="Client.aspx" Text="Client"></asp:MenuItem>
<asp:MenuItem NavigateUrl="UserClient.aspx" Text="User Client"></asp:MenuItem>
<asp:MenuItem NavigateUrl="Project.aspx" Text="Project"></asp:MenuItem>
</Items>
</asp:Menu>
В настоящее время он содержит 4 элемента, и я бы хотел, чтобы эти элементы автоматически занимали всю горизонтальную строку меню. Было бы идеально, если бы я мог заставить его всегда занимать все пространство, независимо от того, сколько пунктов меню есть, но это не так уж важно.
Вот мой соответствующий CSS:
#NavigationMenu {
font-family: downlinkregular;
width: 100%;
background-color: black;
border-left: 2px solid white;
border-right: 2px solid white;
}
#NavigationMenu a {
text-align: center;
display: inline-block;
width: 200px;
color: white;
border-right: 2px solid white;
}
В настоящее время ширина элементов меню составляет 200 пикселей, но это просто для того, чтобы все было ровно, я бы хотел, чтобы ширина составляла четверть всего меню для каждого случая. К сожалению, создание ширины 25% не работает, как я предполагал. Любые идеи о том, как этого добиться?
