Question

我想改变这个不完全可见的CSS文本行。

CSS AREA

.searchresult-title {
  color: #4b4b4b;
  line-height: 1.33em;
  border-bottom: 1px solid #cccccc;
  height: 43px;
  overflow: hidden;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

HTML AREA

<div class="searchresult-title"><p>28A.4 Normalverteilung in OpenOffice.org, Wahrscheinlichkeitsdichte, kumulierte Verteilungsfunktion</p></div>

我的代码

    $('.searchresult-title').css({
   'overflow': 'auto'   
    });

Answer 1

我可以在CSS中看到您添加的overflow: hidden;应该是auto。我也可以看到你通过Javascript做了同样的事情。所以你可以直接这样做。

除此之外，您还可以设置min-height:43px;来解决您的问题。 1.高度：定义文本内容的高度。 2.min-height：定义文本内容的最小高度。一旦超过最小高度;高度会自动增加。如果你想要一个特定的高度你也可以设置它，但是在你的CSS类overflow:auto;中添加它，这样它就不会超出高度，但至少可以通过滚动显示文字。 / p>

如果您已经为父级设置了高度，那么它将相应地起作用。如果为子div设置min-height，则不会超出父级。

另外，您是否也添加了text-overflow: ellipsis;？我可以看到三个点。

CSS - 使用greasemonkey更改完全可见的文本行

1 个答案: