css鼠标悬停在自动缩略的文字上，文字展开

你可以使用CSS中的:hover伪类来实现这个效果。具体实现步骤如下：

1. 首先，将要展开的文字隐藏起来，可以使用CSS中的display:none属性。

2. 然后，当鼠标悬停在缩略文字上时，使用:hover伪类来将要展开的文字显示出来，可以使用CSS中的display:block或者display:inline-block属性。

3. 最后，使用CSS中的过渡效果（transition）来使展开动画更加平滑。

下面是一个示例代码，可以供你参考：

HTML代码：

<div class="thumbnail">
  <p>缩略文字</p>
  <p class="expanded">要展开的文字</p>
</div>

CSS代码：

.thumbnail {
  position: relative;
  width: 200px;
  height: 100px;
  background-color: #ccc;
  overflow: hidden;
}

.thumbnail p {
  margin: 0;
  padding: 10px;
}

.thumbnail .expanded {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  background-color: #fff;
  transition: all 0.5s ease;
}

.thumbnail:hover .expanded {
  display: block;
}

在上面的代码中，我们将要展开的文字使用绝对定位（position:absolute）放到了缩略文字上方，并且使用了过渡效果（transition）实现了展开动画。当鼠标悬停在缩略文字上时，使用:hover伪类将要展开的文字显示出来。