我设置的这个文本溢出隐藏。
在正常宽度下可以正常显示。为什么窗口缩小后。文本的位置就变了呢？掉下去了
我本来不想给文字加宽度的，但是如果不给宽度的话。文字直接就下去了。给了宽度后。至少正常宽度下。文字不会掉下去。但是治标不治本。我该把宽度写死吗？以后还想做响应式呢？
如图：
正常：
缩小后：
代码：
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;
}
}
}