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

我设置的这个文本溢出隐藏。

在正常宽度下可以正常显示。为什么窗口缩小后。文本的位置就变了呢？掉下去了

我本来不想给文字加宽度的，但是如果不给宽度的话。文字直接就下去了。给了宽度后。至少正常宽度下。文字不会掉下去。但是治标不治本。我该把宽度写死吗？以后还想做响应式呢？

如图：

正常：

缩小后：

代码：

class="question-image"

:src="item.imageList[0]"

:alt="item.questionTitle"

lazy

v-if="item.imageList.length"

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;

}

html span溢出隐藏,css文本溢出隐藏出错了相关推荐

从零开始学前端：显示隐藏与文本溢出 --- 今天你学习了吗？（CSS：Day16）
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:浮动 - 今天你学习了吗?(CSS:Day15) 文章目录从零开始学前端:程序猿小白也可以完全掌握!-今 ...
css文本溢出时候，如何把多余的文字显示省略号
css文本溢出时候,如何把多余的文字显示省略号日常做的项目中常常有这种需要我们对溢出文本进行"-"显示的操作(我也是通过一行文字到下一行,破坏了我的布局,所以才去找各种办法,然后 ...
CSS 文本溢出 text-overflow属性
text-overflow属性用来设置容器内的文本溢出时,如何处理溢出的内容,取值为 clip | ellipsis,默认值为 clip. clip 表示文本溢出时,简单的把溢出的部分裁剪掉:elli ...
表格单元格中的CSS文本溢出？
本文翻译自:CSS text-overflow in a table cell? I want to use CSS text-overflow in a table cell, such that ...
CSS 文本溢出时显示省略标记
如标题所示... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.o ...
css 文本溢出省略号样式
css 文本溢出省略号样式单行文本超出显示省略号样式 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
html span溢出隐藏,css实现溢出隐藏的方法
css实现溢出隐藏的方法发布时间:2021-04-09 09:45:08 来源:亿速云阅读:86 作者:小新小编给大家分享一下css实现溢出隐藏的方法,相信大部分人都还不怎么了解,因此分享这篇文 ...
CSS文本溢出隐藏，显示省略号
仅供自己记录,老用还不记得,哈哈哈笨死了!!! 单行文本溢出隐藏: overflow: hidden; 单行文本溢出隐藏显示省略号: white-space: nowrap; overflow: hi ...
CSS|文本溢出隐藏
目录一.单行文本溢出隐藏二.多行文本超出指定行数隐藏在我们编辑单行文本或者多行文本时文本溢出时,我们该如何进行隐藏呢?今天就来介绍一下单行文本溢出隐藏和多行文本超出指定行数隐藏的方法. 一.单行 ...

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

html span溢出隐藏,css文本溢出隐藏出错了相关推荐

最新文章

热门文章