需要动态div并行和文本居中

时间:2016-06-08 14:59:37

标签: jquery html css angularjs

<div class="ss"> 
 <div ng-repeat="c in size">
         <div 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> {{c.name}} &nbsp;&nbsp;</p></a>
        </div>
  </div>

</div>

    <style>
    .ss{
    text-align:center;
    }
    </style>

我需要输出像 一行中的B C,文本居中。

一件重要的事情是我需要在页面中设置文本居中

我尝试使用style:float:left。 我在一行中将输出作为A B C但我的文本没有居中。它向左浮动。

请帮助我

1 个答案:

答案 0 :(得分:0)

如果您通过jQuery确定动态div的值/文本,则可以将所有值推送到数组中,并创建一个循环,将所有值一起添加到一个带缓冲区值的字符串中,即。一个空格,用于分隔所有值。然后将该字符串放入div。

var $out01="A";
var $out02="B";
var $out03="C";
var $buff=" ";
var array=[$out01,$out02,$out03]
var $con="";

for(var i=0;i<array.length;i++){
    $con+=array[i];
    if(i!=array.length-1){$con+=$buff;}
}

$('#output').text($con);

See example