天天看點

html span溢出隐藏,css文本溢出隐藏出錯了

我設定的這個文本溢出隐藏。

在正常寬度下可以正常顯示。為什麼視窗縮小後。文本的位置就變了呢?掉下去了

我本來不想給文字加寬度的,但是如果不給寬度的話。文字直接就下去了。給了寬度後。至少正常寬度下。文字不會掉下去。但是治标不治本。我該把寬度寫死嗎?以後還想做響應式呢?

如圖:

正常:

html span溢出隐藏,css文本溢出隐藏出錯了

縮小後:

html span溢出隐藏,css文本溢出隐藏出錯了

代碼:

class="question-image"

:src="item.imageList[0]"

:alt="item.questionTitle"

lazy

v-if="item.imageList.length"

/>

{{ item.questionContent }}

css:.question-content-box {

height: 105px;

background-color: red;

margin-bottom: 20px;

.question-image {

width: 190px;

height: 105px;

margin-right: 20px;

border-radius: 6px;

display: inline-block;

float: left;

}

.question-content {

display: inline-block;

width: 80%;

height: 105px;

span {

font-size: 18px;

color: #666666;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 4;

-webkit-box-orient: vertical;

}

}

}