摘要: 网页设计中经常用到标题之间的分隔符的样式,即用短竖线分隔几个关键词,最近发现了一种简单可行的方式,即通过vertical-align属性来实现分隔符样式,在这边分享给大家: <!DOCTYPE html> <html> <head> <title></title> <style> div { hei 阅读全文
posted @ 2020-04-03 10:23 lylszo 阅读(432) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> div { width: 200px; height: 100px; margin: 30px 阅读全文
posted @ 2020-04-07 16:05 lylszo 阅读(3078) 评论(0) 推荐(0) 编辑
摘要: function transferTime(second) { if (Number(second) && second > 0) { second = parseInt(second) // 舍去秒数以后的小数位 } else { return '00:00:00' } // 计算时分秒 var 阅读全文
posted @ 2020-04-06 10:31 lylszo 阅读(649) 评论(0) 推荐(0) 编辑
摘要: vertical-align属性主要用于改变行内元素的对齐方式,对于行内布局影响很大,如果不了解的话,我们开发调整样式的时候很容易出错。 网上关于这个属性的原理说得很是复杂,看一眼就让人觉得望而生畏,而且大可不必完全理解其原理,只要懂得其规律,我们足够使用即可,下面把我的理解分享给大家: 基线 要了 阅读全文
posted @ 2020-04-03 09:57 lylszo 阅读(1953) 评论(0) 推荐(3) 编辑
摘要: 前端工作中经常遇到数字计算保留小数问题,由于不是四舍五入的方式不能使用toFixed函数,本文采用正则表达式匹配字符串的方式,解决对数字的向上或向下保留小数问题: 1、向上保留小数(只要目标小数位后有有效数字就进1,保证计算后的数值一定不小于原数值) function upFixed (num, f 阅读全文
posted @ 2019-03-08 17:16 lylszo 阅读(5041) 评论(2) 推荐(0) 编辑