css

Angular directive 实例详解

准备代码,会在实例中用到var app = angular.module('app', []);angular指令定义大致如下app.directive('directiveName', function() {return {// config}})其中return返回的配置对象包含很多参数,如下一一说明。1. restrict值为字符串,可选参数,指明指令在DOM中以什

使用CSS处理标题过长,自动截断,兼容响应式布局

应用场景描述 例如PHP 从数据库读取一个商品,那么当商品标题很长的时候,很可能会影响页面布局。处理方法如下:PHP 字符串截取JS 字符串截取CSS 属性处理(推荐)CSS 属性处理方法 html代码片段 商品标题商品标题商品标题商品标题商品标题商品标题 9秒前 css样式代码 .cut{ display: inline-block; /让span 标签变成

切图崽的自我修养(1)-如何合理组织CSS?

前言不要再叫我切图崽,我很生气,这样很不礼貌,请叫我前!端!工!程!师!从css方面来说,前端工程师和切图崽的区别,并不是指写单条css技巧的高低,甚至很多工程师在一些css的奇技淫巧都比不上切图崽. 那切图崽到底和工程师之间的差别是什么呢? 差别是 N年工作经验 视野,是格局,是从大方向上得出解决问题的能力工程师们很少说哪一条css具体用到什么技巧,但肯定知道如何将项目按

img/background/iconfont---谁最适合你?

前言第一篇文章,小弟先做一番自我介绍^ω^姓名不说,年龄21岁,湖北武汉一所二本大学2016届本科毕业生,大四前的暑假起对web前端产生兴趣并有半年实习经验。ng、vue、react等等高大上的框架完全不懂,却也靠前端交流群和百度积攒下了一些小小心得。说来写文章也是比较心虚,怕有理解不到位之处还可能祸害别人。可是万一哪位大牛看到之后闲来无事在评论里指点一波,我不就赚大了么^

css实现div水平/垂直居中的N中方法

1、父div内部的所有子div水平居中// html 代码/*子元素纵向排列水平居中*/// css 代码.parent{ width: 400px; height: 600px; } .chil{ width: 120px; height: 120px; margin: 0 auto; }/*子元素横向排列且水平居中*///css代码.

关于Css的垂直居中的一些方法

前两种方法称为大致居中,一般误差随高度的减小而减小,不过一般来说不怎么看得出来,除非你用javascript调用offsetTop来查看。不然没有强迫症的比较难看出来。但是兼容性很好,尤其是table-cell的从IE6即可使用1.使用table-cell处理图片间的关系父元素使用display:table-cell; vertical:middle子元素使用display

浏览器中唤起native app || 跳转到应用商城下载

前段时间遇到一个小需求:要求在分享出来的h5页面中,有一个立即打开的按钮,如果本地安装了我们的app,那么点击就直接唤起本地app,如果没有安装,则跳转到下载。因为从来没有做过这个需求,因此这注定是一个苦逼的调研过程。我们最开始就面临2个问题:一是如何唤起本地app,二是如何判断浏览器是否安装了对应app。如何唤起本地app首先,想要实现这个需求,肯定是必须要客户端同学的配

切图崽的自我修养(2)-如何规范CSS元素的命名?

前言为什么我刚才写的样式乱了?!如何给变量,文件命名是程序员的老大难问题。命名为什么会这么难,因为它太重要了。可以这么说,准确的命名可以提高代码的可读性,让人容易理解,方便调试,也给以后修改和维护你的代码的人带来方便。如何给元素命名而在css中,如何给元素命名同样是一门艺术。我们先来看看css中对常用的组件的命名:headfootnavmenulist嗯,目前为止很不错,这

Amae UI Web 与 Amae UI Touch 有什么不同?一张图给你解释!

Amaze UI 推崇“一切皆组件”的组件化理念,目前它提供包含专门针对跨屏 HTML5 网页开发的 Amaze UI Web 以及针对移动端的 HTML5 混合应用开发框架 AmazeUI Touch ,在全球权威的代码托管平台上, Amaze UI 的 Star 数量超过 7000 ,名列国内开源项目前茅。 但是很多人会有疑问, Amaze UI Web 与 Amaze