循环内的div文本对齐中心问题[关闭]答案

【问题标题】：div text align center issues inside loop [closed]循环内的div文本对齐中心问题[关闭]
【发布时间】：2016-10-21 21:35:07
【问题描述】：

我有一个带有 text-align:center 的 div。

在 div 里面我有一个span。

在fiddle你可以看到输出1,2 3等。

它是float:left，所以我在一行中得到了输出。

但在 div 内部，它不遵循样式，text-align:center。如果我删除左浮动，输出将在不同的行中，但文本将居中对齐。

我需要将所有输出放在一行中，并且它应该与div 的中心对齐。

function TodoCtrl($scope) {
  $scope.col = ['1', '2', '5', '8'];
  $scope.cols = ['1', '2', '5', '8'];
}

.ll {
  text-align: center;
}
p {
  float: left;
}

<div ng-repeat="c in size">
  <span ng-repeat="m in p.size" ng-if="m == c.id">
    <a href="" ng-click="select_size(c.id)" 
       ng-class="{gvborder : allsels == c.id}">
       <p style="text-align:center; float:left"> {{c.name}} &nbsp;&nbsp;</p>
    </a>
  </span>
</div>

我的小提琴是here

【问题讨论】：

您的问题非常含糊，您的小提琴并没有解释您希望居中的确切内容。但是，这可能会对您有所帮助：howtocenterincss.com
你想把小提琴中的哪个文本居中？
我已经编辑了我的问题
我在您的示例中没有看到任何带有text-align:center; 的元素
您需要在问题中包含相关代码，而不是作为外部资源的链接。链接死了，SO 问题会存在很长时间，以帮助以后可能有相同问题的人。请在您的问题中包含代码。

标签： html css angularjs

【解决方案1】：

您只需在执行text-align:center; 之前将<span> 设置为display:block，因为<span> 默认为display: inline。

Here's another answer 详细介绍了该主题。

【讨论】：