div里的文本超出部分如何隐藏?

发布网友发布时间：2022-05-06 19:23

共3个回答

热心网友时间：2022-04-20 02:43

加如下样式即可.

overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100px;

热心网友时间：2022-04-20 04:01

加如下样式即可.

overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100px;

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。

可以对同一个 <div> 元素同时应用 class 和 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的特定的元素。

热心网友时间：2022-04-20 05:36

1、如下样式即可：

overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100px;

2、使用text-overflow:ellipsis对溢出文本显示省略号有两个好处，一是不用通过程序限定字数；二是有利于SEO。需要使用对对溢出文本显示省略号的通常是文章标题列表，这样处理对搜索引擎更友好，因为标题实际上并未被截字，而是局限于宽度而未被显示而已。