首页 >web前端 >html教程 > 正文

html如何设置溢出隐藏

原创2021-04-28 10:45:070266

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;

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

以上就是html如何设置溢出隐藏的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 溢出隐藏
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • HTML前端基础第六部HTML前端基础第六部
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • HTML+CSS网页基础HTML+CSS网页基础
  • HTML5 极速入门HTML5 极速入门
  • 视频教程分类