分析一些案例吧
我个人在撰写博文的时候,不喜欢给代码中加上过多的装饰性的代码.所给的示例也都是比较朴素的示例.不是我不会.而是为了让看官在看代码的时候,能够直达核心,了解到我想表达的核心意涵.更多的什么颜色啦...单行图文列表
淘宝的H5的设计,有很多值得学习的内容.而我上面的截图,就是来自于淘宝的聚划算
如上图所示,好像这个列表比较复杂.而事实上,这个列表一点都不复杂.我们在第三章中,介绍了如何实现列表前面有小图标的做法...而后面的文字,有多种元素,这些元素,可以使用各种方法来进行排版布局.我看了一下淘宝的代码.淘宝的前端工程师使用了高超的文档流布局的方式实现了这个布局.而我个人,还是喜欢使用定位布局的方式去实现.实现上,...首先,我们要根据我们的设计需求,计算好摆布比例,然后运用第六章中的案例给出来的方法(宽度和高度挂钩的秘密),进行排版就可以了....如果上面那个,你找到了解决方法,那么这个,就实在是太简单了.几种方法的组合实践而已.
总结
宽度和高度挂钩的秘密,内填充值.这个在PC端上不显山不露水的特性,在移动端真心是解决大问题.