html如何设置溢出隐藏

时间2024-01-29 15:29:02发布访客分类JavaScript浏览425

导读：收集整理的这篇文章主要介绍了html如何设置溢出隐藏，觉得挺不错的，现在分享给大家，也给大家做个参考。htML设置溢出隐藏的方法：1、单行设置溢出隐藏，代码为【overflow: hidden】；2、多行设置溢出隐藏，代码为【display...

收集整理的这篇文章主要介绍了html如何设置溢出隐藏，觉得挺不错的，现在分享给大家，也给大家做个参考。

htML设置溢出隐藏的方法：1、单行设置溢出隐藏，代码为【overflow: hidden】；2、多行设置溢出隐藏，代码为【display: -webkit-box】。

本教程操作环境：windows7系统、html5版，DELL G3电脑。

html设置溢出隐藏的方法：

单行：

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

多行：

display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;