小编use*_*953的帖子

假设我有以下HTML(好吧,haml,但是......):

.container
  .row
    .span4
      %h1
      %p
      %img
    .span4
      %h1
      %p
      %img
    .span4
      %h1
      %p
      %img

因此,每列都有一个标题,一些文本和一个图像.有没有办法让图像垂直对齐,就好像它们是这样做的:

.container
  .row
    .span4
      %h1
      %p
    .span4
      %h1
      %p
    .span4
      %h1
      %p
  .row
    .span4
      %img
    .span4
      %img
    .span4
      %img

但没有创建新行？原因是,我希望将图像与标题和文本分组,这样在移动/平板电脑布局上,图像的布局与它们匹配的内容相同,而在第二种情况下,您将得到三个文本组,然后三个图像.