img{ position: relative; max-height: 100%; max-width: 100%; width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); t... Read More
posted @ 2017-06-16 13:05 JohnYunhan Views(179) Comments(0) Diggs(0) Edit
.detail { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; overflow: auto; } .detail-wrapper ... Read More
posted @ 2017-06-05 19:04 JohnYunhan Views(137) Comments(0) Diggs(0) Edit
.border-1px{ position: relative; } .border-1px:after { display: block; position: absolute; left: 0; bottom: 0; border-top: 1px solid #ccc; width: 100%; content: ''; }... Read More
posted @ 2017-06-05 17:11 JohnYunhan Views(103) Comments(0) Diggs(0) Edit
if (!event._constructed) { return; } Read More
posted @ 2017-06-05 16:25 JohnYunhan Views(108) Comments(0) Diggs(0) Edit
此方法的技巧在于图片外层容器的padding-top值为100%,当padding的值为百分数时,其是基于父元素宽度的百分比上内边距。这样一来相当于是给图片的显示创造了一个高度与屏幕宽度相等的区域。 Read More
posted @ 2017-06-05 16:22 JohnYunhan Views(187) Comments(0) Diggs(0) Edit
{{collected?'已收藏':'收藏'}} Read More
posted @ 2017-06-04 16:26 JohnYunhan Views(302) Comments(0) Diggs(0) Edit
1 function formatDate(date, fmt) { 2 if (/(y+)/.test(fmt)) { 3 fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); 4 } 5 let o = { 6 'M+': da... Read More
posted @ 2017-06-03 12:15 JohnYunhan Views(222) Comments(0) Diggs(0) Edit
text-overflow: ellipsis; overflow: hidden; white-space: nowrap; Read More
posted @ 2016-10-24 19:57 JohnYunhan Views(142) Comments(0) Diggs(0) Edit
一、下载并安装Ruby到c盘(建议),注意安装勾选“Add Ruby executables to your PATH” 二、打开电脑的命令终端,输入下面的命令: 三、更新sass 四、卸载sass Read More
posted @ 2016-10-20 17:23 JohnYunhan Views(84) Comments(0) Diggs(0) Edit
html的form表单 1 <form id="contact-form" method="POST" action="../php/msg.php"> 2 <input type="text" class="form-control" name="name" placeholder="name" Read More
posted @ 2016-10-11 17:23 JohnYunhan Views(431) Comments(0) Diggs(0) Edit