Question

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

在div中我有一个span。

在小提琴中你可以看到输出1,2 3等。

它是float:left，所以我把它输出到一行。

但在div中，它不遵循风格text-align:center。如果我向左移除浮动，输出将在不同的行中，但文本将对齐居中。

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

我的小提琴是here

Answer 1

默认情况下，您需要在<span>之前将display:block设置为text-align:center;，因为<span>为display: inline。

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

div文本对齐中心问题内部循环

1 个答案: