如何顯示下拉菜單中列表元素中的內聯錨元素

Question

以下是我的HTML代碼

 <li ng-show="authentication.isAuth" ng-repeat="menu in menuList" class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{menu.title}} <span class="caret"></span></a> <ul class="dropdown-menu"> <li ng-repeat="li in menu.subMenuList"> <a href="{{li.state}}">{{li.title}} </a> <a class="fa fa-pencil-square-o" href="{{li.stateh}}"></a> </li> </ul> </li> 

我希望編輯圖標與F / R生產報告相鄰。 不低於生產報告。

我試過的PS顯示：inline-block; 顯示：內聯； 但兩者都不起作用。

Answer 1

您是否傾向於僅將標簽放置在先前的標簽內？

 <li ng-show="authentication.isAuth" ng-repeat="menu in menuList" class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{menu.title}} <span class="caret"></span></a> <ul class="dropdown-menu"> <li ng-repeat="li in menu.subMenuList"> <a href="{{li.state}}">{{li.title}} <a class="fa fa-pencil-square-o" href="{{li.stateh}}"></a> </a> </li> </ul> </li>