使用align-items:center和justify-content:center都可以让元素居中显示，值得注意的是，居中样式需放在整个样式的最前位置才能生效，我试过加上!important优先显示可不行。 .xg-list{ display: ...

一般情况下我们会直接用transition来设置动画效果，如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...

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

<script>document.write( new Date().getFullYear() );</script>  

1、flex-direction 此属性决定主轴的方向 .flex{ flex-direction: row; // (默认值) 主轴水平方向，从左往右 如图： flex-direction: row-reverse; // 主轴水平方向的逆方向，从右往左 flex-dir...

我把他们规整到我的code里面，调用起来非常实用简单 引入 <link rel='stylesheet' href='//code.xulgr.com/css/button/xulgr.css' media='screen' type='text/css' />   调用代码如...

<script>var url = location.href;url = url.match(/\/(\d*).html/);document.write(url[1]);</script>  

开始 那天我在QQ音乐里听歌，无意间听到了自己收藏的几首张敬轩的歌，觉得好听所以就在soul上录了起来，然后一向没人找我聊天的界面突然响了消息的提示音，我以为是系统提示还是啥的，就点开看...

今天我去见她了，这是我们第一次见面，我特别紧张，怕被她拒绝掉。   今天也是我的....第一次   今天... 永生难忘，这些记忆已经刻在脑子里了就不想再记录了

我很喜欢她，我也愿意接纳她的一切包括过去。直到今天，我才发现我已经爱上她了，她开心我就开心，她难过我也会失落，我也不知道为什么。   我其实从一开始就知道她的过去很糟糕，我明明已...