如果它是垂直的方向通过align-items设置;如果它是水平的方向通过justify-content设置。这句话写反了吧,和代码不一样啊
2017-07-25
.nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat left/ 1px 15px;}
/*使用伪元素制作导航列表项分隔线*/
.nav li:first-child{background:none;}
/*删除第一项和最后一项导航分隔线*/
.nav a,
.nav a:hover{
color:#fff;
text-decoration: none;
/*使用伪元素制作导航列表项分隔线*/
.nav li:first-child{background:none;}
/*删除第一项和最后一项导航分隔线*/
.nav a,
.nav a:hover{
color:#fff;
text-decoration: none;
2017-07-24
但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下:
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
同时,word-wrap也可以用来设置文本行为,当前行超过指定容器的边界时是否断开转行。
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
同时,word-wrap也可以用来设置文本行为,当前行超过指定容器的边界时是否断开转行。
2017-07-24
animation-iteration-count:infinite; 无限循环
animation-iteration-count:x; x表示次数
animation-iteration-count:x; x表示次数
2017-07-24
background-position: left top, right bottom;/*位置:左上角,右下角*/
background-size: 225px 70px, 150px 60px;/*大小:url宽高,url2宽高*/
background-repeat: no-repeat, no-repeat;/*重复:不重复,不重复*/
background-size: 225px 70px, 150px 60px;/*大小:url宽高,url2宽高*/
background-repeat: no-repeat, no-repeat;/*重复:不重复,不重复*/
2017-07-22