关于一些css技巧实际应用扩展

原创 2016年08月29日 15:11:01
1.单行多行文字超出省略号

多行:
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all;

单行:
width: 500px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
2.垂直居中

#parent {display: table}
#child{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

//css3
.verticalcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
3跨浏览器透明度

.transparent {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
}
4.placeholder 不垂直居中

 line-height: normal;
    
    input::-webkit-input-placeholder { /* WebKit browsers */
      line-height: 1.5em;
    }
    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      line-height: 1.5em;
    }
    input::-moz-placeholder { /* Mozilla Firefox 19+ */
      line-height: 1.5em;
    }
    input:-ms-input-placeholder { /* Internet Explorer 10+ */
      line-height: 1.5em;
    }





版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

浅谈iOS调试技巧的实际应用(二) UI篇

前篇简单介绍了断点及几个调试命令的使用的使用。    做iOS开发, 大部分的工作跟UI相关,而分析UI最重要的就是分析UI的Hierarchy,这篇就是围绕View Hierarchy来详细介绍U...

iPhone开发入门(9)--- 实际开发中的应用技巧

添加Action和Outlet截至到现在,我们已经会在 Interface Builder 中用 File's Owner 添加 Action 和 Outlet , 以及由 Write Class F...

一些关于HTML与CSS的总结与实际应用

//学习前端也快一年了,觉得有必要好好总结一下这一年来学过的知识。一些是前辈们的精华,文章最后会讲地址一一放出,若原作者有任何介意,请及时联系我删除。 关于DOCTYPE 1.DOCTYPE的作用...

【CSS3】响应式布局的实际应用的小例子

如今响应式布局在web app

对vault扩展的实际应用---Smart Workflow

前面通过一系列的文章介绍了Vault的二次开发的基本概念和分类,相信大家也有一定的认识,但如何在实际中去应用这些扩展呢?在后面的一些文章中间,我们会在其中介绍基于Vault的二次开发所实现的实际应用,...

C++学习笔记 5th —— 万能流程控制if语句 续篇:扩展与实际应用

.Hey, guys, I am back.额呵···好吧,这一篇是C++学习笔记 5st —— 万能流程控制if语句 续篇:实际应用OK,那么我们开始吧。······ ···&...

DIV+CSS检测技巧和应用

DIV+CSS检测技巧 1、检查HTML元素是否有拼写错误、是否忘记结束标记 经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2、检查CSS是否正确 检查一下...

最新的 Javascript 和 CSS 应用技巧荟萃

随着前端技术的发展,javascript和css在 网站和web应用中展现出强大的统治力,特别是随着HTML5和CSS3的标准的成熟,我们可以使用javascript和css开发出你想都没有想到过 的...

CSS应用技巧

  • 2008-04-13 18:05
  • 5.49MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)