基础6 - 列不浮动？

Question

我有项目列表，我列入了这样的列

float : left !important;

但是，他们中的一些人并没有漂浮，尽管我为他们设定了：

@Component({template:` <div ({{eventStr}})="do-log()">DoLog</div>`})
export class AppComponent {
    eventStr:string="click";
    do-log(){
        console.log("ckp");
    }
}

Answer 1

基础中的

.column, .columns默认浮动到左侧。 如果您遇到一些网格问题，那么您最好阅读文档here并确保调用正确的css和js脚本。可以找到脚本源here。选择一个适合你的。

代码：

<div class="small-6 columns">
    <img src="http://placehold.it/350x150" />
     <p>Title</p>
     <p>Desc</p>
     <a href="#">abc</a>
  </div>
  <div class="small-6 columns">
    <img src="http://placehold.it/350x150" />
     <p>Title</p>
     <p>Desc</p>
     <a href="#">abc</a>
  </div>

希望这会有所帮助。