美文网首页
h5小问题总结

h5小问题总结

作者: 后简1994 | 来源:发表于2017-08-21 10:20 被阅读0次

在div无宽高的基础上,实现div居中显示方法:

1、若div宽不变,可以使用padding或margin来实现

2、若div宽不确定,可以使用,父类添加属性text-margin:center;与自身添加属性display:inline-block结合使用。也可实现

在使用easyui组件时,若内容有溢出,想出现滚动条,要给div加上宽高,可以实现。不加div会出现滚动条位置出现问题。

将div做成button按钮样式时,div会过于死板(鼠标移上去、点击等无任何效果),可以使用css3的新属性进行丰富。

cursor:pointer;    使鼠标移动到div中,鼠标箭头变为小手

opacity:0.8;   使div的透明度变得低一点,当我们把opacity的透明度调到0.8使,其实我们大家是看不出太大差距的,主要是为了后期的鼠标悬浮的效果做准备。

div:hover {

opacity:1;鼠标悬浮时,div会变高亮

}

div:active {

box-shadow: 0 0 10px  #FFF;鼠标点击时,div外发光,颜色以及范围可以自己调

}

相关文章

  • h5小问题总结

    在div无宽高的基础上,实现div居中显示方法: 1、若div宽不变,可以使用padding或margin来实现 ...

  • iOS小问题总结

    iOS小问题总结

  • java web小问题总结

    title: java web小问题总结tags: java,web,小问题grammar_cjkRuby: tr...

  • 小问题总结

    一行中多个++判断值 输出显示2 3 一行中多个++是在语句结束后判断。 其他的小问题基本已解决,二维数组的指针用...

  • 关于iOS中原生和h5交互的知识总结(二)WKWebView

    前言 目录 关于iOS中原生和h5交互的知识总结(一)UIWebView关于iOS中原生和h5交互的知识总结(二)...

  • <h1>H5学习记录~H5总结文档</h1&g

    H5学习记录~H5总结文档 ------第一部分Html标签

  • TODO

    H5 直播总结视频 总结关于 React 门店项目的一些思考

  • H5+CSS总结

    H5和CSS知识点总结脑图

  • 【月总结】2016.12

    **** 这个月做了的事情:**** 小研究&小问题H5 video标签 控制播放的事件 ,安卓下与IOS下的一点...

  • iOS开发小问题总结

    在开发过程中,我们避免不了一些小问题的出现,现在为了方便之后的查找,将这些小问题进行持续总结更新。那我们开始总结吧...

网友评论

      本文标题:h5小问题总结

      本文链接:https://www.haomeiwen.com/subject/sqxirxtx.html