文本显示为单行，超过部分隐藏并使用省略号，实例:

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

尝试一下 »

使用 display:-webkit-box; 让文本显示为多行(只有-webkit内核才有作用)，实例:

overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
width:100px;

尝试一下 »

1、<em> 把文本定义为强调的内容

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。

尽管现在 <em> 标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话，请使用 <i> 标签。除此之外，文档中还可以包括用来改变文本显示的级联样式定义。

2、<i>显示斜体文本效果

<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。

3、<dfn>定义一个定义项目

<dfn> 标签可标记那些对特殊术语或短语的定义。

现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来，<dfn> 还可能有助于创建文档的索引或术语表。

与其他许多基于内容的样式和物理样式标签一样，<dfn> 标签尽量少用为妙。

也就是说它们要实现的目的不同，但都用同样的表现方式，就是斜体。

HTML 要素中的 b、em、strong 有什么区别？

应该说，在默认的 HTML 样式表定义中，b 和 strong 的样式一样，为 { font-weight: bolder } 而 em 的默认样式为 { font-style: italic }，与 i 相同。

在 HTML 4 中，em 表示 emphasized text，strong 表示 strong emphasized text，故 strong 的强度要更强。而在 HTML 5 中，strong 的定义改成了 important text。当然 emphasized 和 strong emphasized 乃至 important 之间怎么界定很模糊，关键是在自己编写 HTML 代码的时候保持使用上一致。b 和 i 仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」。

<acronym> 标签和 <abbr> 标签在历史上曾用于在HTML中表示缩写词或首字母缩略词，但它们之间存在一些区别，尤其是在现代HTML标准和浏览器支持方面：

1. 语义含义：

   • <abbr> 标签用于表示任何类型的缩写词或缩略词，无论是由单词或短语的部分字母组成的（如 "VIP"、"CEO"），还是可读作一个单独词汇的首字母缩略词（如 "UNESCO"、"NASA"）。
   • <acronym> 标签原本专门用于表示那些可读作一个单独词汇的首字母缩略词，即那些由单词或短语的首字母组成，且这些字母组合起来形成了一个可发音的单词（如 "ASCII"、"FAQ"）。

2. 浏览器支持与标准现状：

   • <abbr> 标签在所有现代浏览器中均得到良好支持，并且是HTML5标准的一部分。
   • <acronym> 标签虽然在过去的HTML 4.01中被定义，但在HTML5中已被废弃，不再推荐使用。这意味着虽然一些老旧浏览器可能仍然支持它，但现代浏览器可能不再保证对其的兼容性，而且使用它可能会导致不符合最新标准的代码。

3. 替换建议：

   • 由于 <acronym> 标签已被弃用，无论缩写词是否为可发音的首字母缩略词，都应统一使用 <abbr> 标签来表示。这样可以确保代码的标准化，并获得一致的浏览器支持。
   • 对于需要提供缩写词解释的情况，无论使用哪个标签，都应利用 title 属性来提供完整的术语或短语，以便用户在鼠标悬停时看到提示。

综上所述，尽管 <acronym> 和 <abbr> 标签在语义上有细微差别，但在实际应用中，由于 <acronym> 已经被HTML5标准弃用，开发者应始终使用 <abbr> 标签来标记所有类型的缩写词，无论它们是否为可发音的首字母缩略词。这样做既符合现行标准，又能确保跨浏览器兼容性。