div 텍스트 가운데 정렬 문제가 내부 루프

Question

text-align:center 인 div가 있습니다.

div 안에는 span이 있습니다.

은 바이올린에서 당신은 출력 1, 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>

내 바이올린은 기본적으로 당신은 단지 <span> 이후 text-align:center;을하기 전에 display:block에 <span>를 설정해야합니다 here

Answer 1

입니다 display: inline이다.

Here's another answer이 주제에 대해 자세히 설명합니다.