Question

如何使用表格对齐四个图像（两个方形图像和两个矩形图像）？应该看起来像这样：http://imgur.com/a/PdbZq

<table>
  <tr>
    <td>
      <img src="http://i.imgur.com/B8jHVoB.png" />
    </td>
    <td colspan="2">
      <img src="http://i.imgur.com/SXEsKuc.png" />
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <img src="http://i.imgur.com/SXEsKuc.png" />
    </td>
    <td>
      <img src="http://i.imgur.com/B8jHVoB.png" />
    </td>
  </tr>
</table>

Answer 1

根据你的意愿使用表格没有多大意义吗？一张表在整列中具有相同大小的单元格 - 这正是您不想要的。一个CSS解决方案：

＆＃13;

app.controller("productController", function($scope, $http, createProductService, listProducstService){

    $scope.addProduct = function(){
        var newProduct = createProductService.createProduct($scope.product);
        //$scope.products.push(newProduct);     
        updateArray();
    };

    $scope.products = listProductsService.query();

    var updateArray = function(){
        $scope.products = listProductsService.query();
    }
}

app.factory("listProductsService", function($resource){
    return $resource("getAllProducts", {}, {
        listProducts: {
            method: "GET",
            isArray: true
        }
    })
})

＆＃13;

几乎忘了：不要使用内联样式，设置一个类来保存一行图像，使用white-space：no-wrap作为属性。

使用表格对齐图像

1 个答案: