直接上例子，每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...

方法一：具有固定定位的屏幕居中 .XulgrCenter{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: cen...

  $(window).width(); 注意此为JQ方法，需要引入JQ

前言 之前我发过复制类的JS代码（使用js点击复制按钮将textarea框隐藏-雪哥尔 (xulgr.com)），其中只是使用CSS隐去textarea文本框而已，对于HTML布局来说有点不美观，这次我想到了利用JS创建inp...

网上大部分选项卡代码是在同个父级下实现的，这样对前端比较难设计显示出来的样式，所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件，然...

先在父元素加上（如果没有父元素，可直接用body添加） position: relative; 然后在需要粘滞的元素加上 position: sticky; top: 0px; 即可生效。   需要注意的是： 父元素不能有overflow:hi...

比如我要在/template/你的模板/html/user目录下新建一个xulgr.html文件 新建后访问会提示页面不存在 解决方法：  

//getElementById('绑定的id') //querySelector('绑定的.CSS或#id') //getElementsByName('绑定name的值') var XulgrClickNow = '#xulgr'; if(document.all) { //兼容IE document.querySelector...

分享一组非常简约好看的CSS凹凸感按钮样式 HTML代码：（可以是图片，也可以用font图标，自己引入样式即可） <div class='container'> <div class='box'> <div class='img'> &...

判断是否是手机端，否则跳转指定页面 if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { //是手机端 } else { //是电脑端 }