2016-12-14 37 views
0

我有這個代碼,使中繼器的按鈕,它的工作原理,但我不能把它們放在一行所有的代碼,我在CSS中添加ovride即使我添加!重要。我添加了我編寫的CSS來改變元素的樣式,但是它將它們顯示在一列中。如何把一箇中繼器按鈕連接到asp c#

<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; 
     } 

回答

0

試試這個作爲你的CSS。最重要的是display: inline-block

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

對於CommandArgument工作,你需要添加一個#

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

+0

YESSS爲我感謝ü工作! – user3570713

相關問題