首页  >  文章  >  web前端  >  html如何设置溢出隐藏

html如何设置溢出隐藏

coldplay.xixi
coldplay.xixi原创
2021-04-28 10:45:0713602浏览

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

html如何设置溢出隐藏

本教程操作环境: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;

相关学习推荐:html视频教程

以上是html如何设置溢出隐藏的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn