Fatal编程技术网
  • angular/
  • Angular 带2列和2行对齐的角度NGF

Angular 带2列和2行对齐的角度NGF

angular

Angular 带2列和2行对齐的角度NGF,angular,Angular,我有一个Angular5应用程序，有一个字符串数组，我想在2列中显示。我有以下代码： <div *ngFor="let singleItem of sevices;> <div style="width: 45%; float: left;background-color:red"> {{singleItem}} </div> </div> 使用文本溢出：省略号属性 <

我有一个Angular5应用程序，有一个字符串数组，我想在2列中显示。我有以下代码：

<div *ngFor="let singleItem of sevices;>
    <div style="width: 45%; float: left;background-color:red">
        {{singleItem}}            
    </div>        
</div>

使用
文本溢出：省略号
属性


<div *ngFor="let singleItem of sevices;>
    <div 
       style="width: 45%;
       float: left;
       background-color:red
       white-space: nowrap;
       overflow:hidden !important;
       text-overflow: ellipsis;">

        {{singleItem}}            
    </div>        
</div>



如果已将引导类包含到应用程序中，则可以使用引导类




{{singleItem}}
{{singleItem}}

最简单的解决方案是将CSS类“column count:2；”添加到我的外部分区。
添加换行：断开单词；并且尝试简单和最有效。