HTML CSS justify技巧不能与angularJS结合使用

HTML CSS justify技巧不能与angularJS结合使用,html,css,justify,Html,Css,Justify,我试图使一个元素与内部元素,应该是合理的 现在的问题是,当我用AngularJS文本对齐生成元素时,justify不再起作用 我做了一个模拟的例子: 在AngularJS或CSS中有什么我可以更改的吗 我该怎么做 AngularJS代码: <a ng-repeat="tag in tags" href="#">{{tag.name}}</a> 看看这把小提琴,我想你需要的是: 我还包括了一个活生生的AngularJS示例。其思想是使用包装器元素(span),并在其中放

我试图使一个元素与内部元素,应该是合理的

现在的问题是,当我用AngularJS文本对齐生成元素时,justify不再起作用

我做了一个模拟的例子:

在AngularJS或CSS中有什么我可以更改的吗

我该怎么做

AngularJS代码:

<a ng-repeat="tag in tags" href="#">{{tag.name}}</a>

看看这把小提琴,我想你需要的是:

我还包括了一个活生生的AngularJS示例。其思想是使用包装器元素(span),并在其中放置链接和空白

<span data-ng-repeat="tag in tags" href="#"><a href="#">{{tag.name}}</a> </span>

您可以参考此问题
此问题使用ng repeat start和ng repeat end解决此问题:

<span ng-repeat-start="tag in tags"><a href="#">{{tag.name}}</a></span>
<span ng-repeat-end></span>

出现此问题的原因是,创建的HTML ngRepeat缺少正确的间距,并且justify css属性无法正常工作。因此,您需要做的是添加正确的间距

另外,如果您使用指令添加一些额外的元素,并且希望它与“justify”一起工作。您可以使用“\n”创建如下间距:

element.append('<span><a href="#">Extra element</a></span>\n');
element.append('\n');

我想到的最简单但有效的解决方案是在标签关闭后添加一个
。Hmmm。。。为什么给我-1?
<span ng-repeat-start="tag in tags"><a href="#">{{tag.name}}</a></span>
<span ng-repeat-end></span>
element.append('<span><a href="#">Extra element</a></span>\n');