Question

我正在尝试制作下一张图片的文字，但它是偏移的有什么想法吗？

样本

http://jsbin.com/dugokozame/edit?html,css,output

Answer 1

在下面的示例中，借助表格将多行文本放在图像旁边。这里有一行分为两个coloumns.First coloumn包含图像，第二个coloumn包含多个文本放在里面，用于在此coloumn中创建单独的行

<table class="table table">

  <!-- On cells (`td` or `th`) -->
  <tr *ngFor="let img of search_cat" style="border-bottom: 1px; border-color: greenyellow">
<td class="active" style="width: 50%"> <a href="#" [routerLink]="['/details']" [queryParams]="img" routerLinkActive="active">
 <img style="width: 100%;" src="{{img.offer_banner}}"></a>
</td>
<td class="active">
  <tr>
    <p style="color: deepskyblue">{{img.product_name}}</p>
</tr>
<tr style="width:25%">
<td>
  <s style="width:50%; color: crimson">₹{{img.actual_price}}</s>
</td>
<td>
  <p style="color:  goldenrod;width:50%;"> ₹{{img.selling_price}}</p>
</td>
</tr>
<tr>{{img.discount}}</tr>
<tr>{{img.offer_details}} </tr>
</td>
</tr>

</table>

角度材质 - 如何在图像

1 个答案: