09 2018 档案
摘要:弹性布局display: flex;垂直方向布局的具体实践。 在父级设置: display: flex;将对象作为弹性伸缩盒显示 flex flow: column;方向设置为垂直方向(flex flow 属性是 flex direction 和 flex wrap 属性的复合属性,直接使用flex
阅读全文
摘要:当文字超出容器宽度时,以省略号显示,这一需求在项目中十分常见,但是在flex布局下,可能会遇到问题,如省略号不显示,内容超出容器等问题,本文通过demo测试案例,记录下问题及解决方案。 <!DOCTYPE html .wrapper { width: 200px; display: flex; }
阅读全文
摘要:通过模板引擎,可以不再使用字符串拼接的方式来进行动态结构和数据的添加,同时,可以使页面结构更加清晰,易于修改和维护。特别对于需要循环添加的dom,正适合使用。所有的模板引擎都是类似的,现在针对jquery.tmpl.js模板引擎进行一个简单的使用总结,方便再次使用的时候节约搜索及调试时间。 使用步骤
阅读全文