如何在asp c上连续使用转发器按钮#

时间:2016-12-14 08:05:15

标签: c# css asp.net repeater

我有这个代码,使用转发器制作按钮,它可以工作,但我不能把它们连成我在css中添加的所有代码即使我添加!也很重要。我添加了我写的css,它改变了元素的样式,但它在列中显示了它们。

<asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate runat="server">
        <ul class="menue" runat="server">
            <li><a>
                <asp:Label runat="server" ID="Label1"
                    Text='<%# Eval("_name") %>' CommandArgument='<% Eval("_url") %>' />
            </a></li>
        </ul>
    </ItemTemplate>
</asp:Repeater>

和css

    .menue{
      list-style: none;
      margin: 0; 
      background: #17212B;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom:solid;
      border-width:1px;
      border-color: #2F3943;
      -webkit-flex-flow: row wrap;
      justify-content: flex-end;
    }

    .menue a {
      text-decoration: none;
      display: block;
      padding: 0.4em;
      color: white;
    }
        .menue a {
            font-weight: bold;
            padding:1.8em;
            border-right:solid;
            border-width:1px;
            border-color: #2F3943;
        }
        .menue a .selected {
            padding:2em;
        }

1 个答案:

答案 0 :(得分:0)

尝试将此作为您的CSS。最重要的是display: inline-block

.menue {
    list-style: none;
    margin: 0px;
    background: #17212B;
    border: 1px solid #2F3943;
    display: inline-block; 
}

要使CommandArgument生效,您需要添加#

CommandArgument='<%# Eval("_url") %>'