欢迎访问我的的博客,网站主要用于记录学习WEB语言|CMS建站|SEO优化及日常工作常见问题总结!
您的位置:主页 > HTML/CSS >

多行文本出现省略号必备的条件(面试题)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.box{
width: 600px;
/*多行文本出现省略号必备的条件:主要用在移动端手机页面*/
display: -webkit-box;/*弹性盒模型*/
-webkit-box-orient: vertical;/*规定元素的排列方式:垂直排列*/
-webkit-line-clamp: 2;/*文字的行数,需要显示几行值就写几*/
overflow: hidden;/*溢出隐藏*/
}
</style>
</head>
<body>
<div class="box">栏目概述:①平面设计是什么?平面设计需要学什么?平面设计软件有哪些?ps,AI,cdr为设计师常用做图软件,栏目分享设计师构图经验与素材网站网址.②web前端如何学?前端开发语言有哪些?前端需要学什么?栏目分享html,css,js,h5/css3,jQ和响应式网站设计及前端项目框架开发工具.③cms程序网站是什么?cms程序如何建站?怎样建设cms程序网站?栏目分享织梦dedecms仿站和wordpress博客搭</div>
</body>
</html>
上一篇标题:浮动元素的特点
下一篇标题:单行文本出现省略号必备的条件(面试题)

相关文章

 

文章-多行文本出现省略号必备的条件(面试题)发布日期:2021-04-01 17:15作者:admin
如需转载,请注明文章出处和来源网址:https://www.dhnblog.com/htmlcss/250.html