Posted on | by liu
css content 样式，css边框文字好看，css 判断图片地址，flex shrink css3，关于css叙述错误的是，css3表格边框重叠，css3 a链接 背景色
CSS可以用于截取日期，以便在网页中更好的显示。下面大家来看一个例子：
HTML代码如下:
<html>
<head>
<style>
.date {
display: inline-block;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
</head>
<body>
<div class="date">2021-07-01</div>
</body>
</html>
结果如下：
2021-07-01
在这个例子中，大家将日期放到一个包含类名为“date”的div中。在CSS中，大家使用width来限制div的宽度，使用overflow:hidden来隐藏超出宽度的部分，使用text-overflow:ellipsis来指定在截取处显示省略号，使用white-space:nowrap来防止日期换行。当大家在浏览器中查看这个例子时，可以看到日期的截取效果。
如果想要显示完整的日期，可以将div的宽度调整为日期宽度的大小，或者使用hover伪类来在鼠标悬停时显示完整的日期。