Question

我使用ng-repeat将服务器日志作为数据我正在尝试使用保证金添加空间，但它仅适用于最后一项。如何在每个span元素与传入日志之间添加空格。

的main.css

.messageMargin {
    margin-top: 5px;
    margin-bottom: 5px;
}

main.html中

<ul style="list-style: none;">
    <li ng-repeat="message in event.data track by $index" ng-class="{lastItem: $last}"><span class="messageMargin">{{message.value}}</span>
    </li>
</ul>

Answer 1

您需要将<span>作为块级元素，以便在<span>之前和之后有一个新行。将您的CSS更改为

.messageMargin {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

或者，如果messageMargin用于您不希望将其作为块级元素的其他地方，则将css添加为内联：

<span  class="messageMargin" style="display:block;">{{message.value}}</span>

Answer 2

尝试更改StoreGeneratedPattern ...

的Identity类型

display

Answer 3

a元素，与锚标记display非常相似，默认为内联元素。

因此，为其分配block属性可以将其转换为inline-block元素（自然会占用整行）或span元素（将使用相同数量的元素） space为默认值inline - 但具有块类型元素的优点，这将允许简单private static Timer _timer; private static int _lastActiveThreads; private static int _lastAvailableThreads; private static int _maxThreads; private static int _minThreads;元素不允许的边距和其他属性。

如何在ng-repeat块元素之间添加空格？

3 个答案: