随笔分类 -  CSS3

摘要:关键代码 div{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; } 阅读全文
posted @ 2017-03-14 14:42 moonbing 阅读(148) 评论(0) 推荐(0)
摘要:行内元素的水平居中 1.div{text-align:center} /*DIV内的行内元素均会水平居中*/ 行内元素的垂直居中 1.单行文本:div{height:30px; line-height:30px} /*DIV内的行内元素均会垂直居中*/ 2.多行文本: 3.图片水平垂直居中 多元素垂 阅读全文
posted @ 2017-03-01 11:28 moonbing 阅读(152) 评论(0) 推荐(0)
摘要:前言 现在的前端已经不止是JS的世界了,还有另一个世界就是动画,具备艺术与技术相结合的童鞋也是很吃香的。今日早读文章由@野草翻译分享。 正文从这开始~ 由于动画的实用性与趣味性,在现代网页设计中它已经成为了不可或缺的一部分。它可以交流状态,引导用户关注,帮助用户查看行为反馈,甚至影响用户行为。动画可 阅读全文
posted @ 2017-02-23 10:28 moonbing 阅读(2551) 评论(0) 推荐(0)
摘要:面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是 浏览器支持 和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中. 这篇文字里我会介绍 50 个便于使用的 CSS2/CSS3 代码片段 阅读全文
posted @ 2017-02-15 10:34 moonbing 阅读(896) 评论(0) 推荐(0)
摘要:你真的了解word-wrap和word-break的区别吗? 这两个东西是什么,我相信至今还有很多人搞不清,只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句,又或者是因为这两个东西实在是太拗口了,长得又差不多,导致连背都很难 阅读全文
posted @ 2017-02-13 11:13 moonbing 阅读(136) 评论(0) 推荐(0)