div Text auszurichten Zentrum Probleme innerhalb Schleife

Question

Ich habe ein div mit .

Innerhalb der div habe ich eine span.

In der Geige können Sie die Ausgabe 1,2 3 etc. sehen

Es ist float:left, so bekomme ich die Ausgabe, die es in einer Zeile.

Aber innerhalb des Div ist es nicht den Stil gehorchen, . Wenn ich float left entferne, sind die Ausgaben in verschiedenen Zeilen, aber der Text wird in der Mitte ausgerichtet.

Ich brauche alle meine Ausgabe in einer Zeile und es sollte auf die Mitte der div ausgerichtet sein.

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>

Meine Geige ist here

Answer 1

Sie müssen nur Ihre <span>-display:block setzen, bevor text-align:center; seit <span> tun ist display: inline standardmäßig.

Here's another answer, die zu diesem Thema ausführlicher geht.