最赞回答 / 帝国大学
<...code...>word-wrap的用法
最新回答 / 慕标2558925
.line-limit-length { /* 1.文字不换行 */ white-space: nowrap; /* 2.溢出的部分隐藏 */ overflow: hidden; /* 3.文字溢出的时候用省略号来显示 */ text-overflow: ellipsis;}你可以补充一个width进去，就可以控制超出文字就出现省略号
最新回答 / qq_慕仔7565087
和文本的大小还有容器的大小有关吧
这样直接就是删除了首尾分割线的结果
.nav li+li:after
{
content: '';
position: absolute;
height:20px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
.nav li+li:after
{
content: '';
position: absolute;
height:20px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
2022-04-24
background-image:linear-gradient(to top left,red,orange,yellow);
2021-08-30
background-clip:padding-box 内填充区域 哦
content-box -> 内容区域
content-box -> 内容区域
2021-06-18
.wrapper span {
display:block;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform:skewX(-45deg);
}
这样改在这里是正确的的，但是在visual code上显示不出来
display:block;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform:skewX(-45deg);
}
这样改在这里是正确的的，但是在visual code上显示不出来
2021-04-27
/*使用伪元素制作导航列表项分隔线*/
.nav li:not(:first-child):before{ content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
.nav li:not(:first-child):before{ content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
2021-04-14