card 组件的构建方案

初步要求:

  1. pic + main + side + fn
  2. 默认横排,加参数竖排

其实还有个隐藏需求,以后要兼容 IE8 的。

选择了使用 display:table,而非 display:flex
原因是我需要一整个块作为 link 的时候,flex 会很尴尬,grid 我还不会用,兼容性大概也好不到哪里去。

代码:




    
    Document
    


    
壹壹壹壹壹壹壹壹壹壹壹壹壹壹壹壹壹壹
贰贰贰贰贰贰贰贰
叁叁

你可能感兴趣的:(card 组件的构建方案)