css 控制行数多出的省略

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<style>
.test{
-webkit-line-clamp: 3;
/*限制3行*/    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    }
</style>
    <div class="test">日照香炉生紫烟遥看瀑布挂前川飞流直下三千尺疑是银河落九天离离原上草一岁一枯荣野火烧不尽春风吹又生</div>
</body>
</html>

时间： 2024-10-13 07:25:24

css 控制行数多出的省略的相关文章

android ScrollView 控制行数

利用ScrollView 来控制textView 显示的行数 <ScrollView android:layout_width="fill_parent" android:layout_height="wrap_content" android:scrollbars="vertical" > <LinearLayout android:layout_width="wrap_content" android:l

div css行数实现 css显示行数序列值布局

div css布局中常常遇到文章标题列表前有序号(1-10)排版布局,如何简单实现这类新闻文章标题列表排版布局呢?如看到列表布局前有1 2 3 4 5 6 7等数字顺序. 类似带有序布局效果图一.布局思维讲解 - TOP 可能遇到这样的布局第一反应你会想到有序标签ol li的使用,但这里DIVCSS5告诉你因为浏览器版本比较多而不同浏览器对ol li有序列表默认自带的序号列表有着不同显示,这样容易引起浏览器兼容问题,所以遇到这样的有序排版布局,上海最好的性功能治疗医院告诉你,最简单是将

css控制显示行数，多出部分显示省略号

webkit-line-clamp:number;控制行数, 是一个不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中.为了实现该效果,它需要组合其他外来的WebKit属性.常见结合属性: display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 . -webkit-box-orient:vertical;控制文本行数的方向,这是一个必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 . text

eclipse中console的输出行数控制

eclipse中console的输出行数控制开发中,会遇到当输出大量的sql语句或者错误的时候,往往会因为console输出的限制而不能完整显示,所以我们自己就需要迫切的增加显示的行数,这样就可以通过控制台输出的信息来查看错误的原因,从而解决问题. 第一步,当项目运行时,点击console输出框,右键选择"preferences"如下图所示第二步,选择了之后,在弹出框中,找到"limit console output",如果是选中的话就把前面的选中取消掉. 综

移动端文本超出设定行数后省略的方法

因为移动端绝大部分是WebKit内核的浏览器,如果纯粹的要实现文本在超出规定行数后,其余内容省略并加上"...",可以直接使用WebKit私有属性:-webkit-line-clamp来实现 css代码 .box{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } html代码 <div c

iOS中求出label中文字的行数和每一行的内容

今天遇到一个需求,需要计算label中文字的行数.想了好久也没想到好的解决方法,就在网上找了下.结果发现一篇文章是讲这个的.这部分代码不但能够求出一个label中文字行数,更厉害的是能够求出每一行的内容是什么: 代码如下. #import <CoreText/CoreText.h> - (NSArray *)getLinesArrayOfStringInLabel:(UILabel *)label{ NSString *text = [label text]; UIFont *font = [

[转载]Eclipse Console 加大显示的行数，禁止弹出

Eclipse Console 加大显示的行数: 在 Preferences-〉Run/Debug-〉Console里边,去掉对Limit console output的选择,或者选择,设置一下buffer size的设定值进制弹出: Preferences-〉 Run/Debug-〉Console里边取消勾选 Show when program writes to standard out(当console中有值时弹出)前的选项和 Show when program writes to

python学习之——计算给出代码中注释、代码、空行的行数

题目:计算给出代码中注释.代码.空行的行数来源:网络思路:注释行以 ‘#’开头,空行以 ‘\n’ 开头,以此作为判断 def count_linenum(fname): fobj = open(fname,"rU") #print fobj.readlines() count_blankline = 0 count_notes = 0 count_code = 0 for eachLine in fobj: if eachLine[0] == '\n': count_blankli

css让文字显示特定行数，多余的显示省略号

/*css*/ .p{ width: 200px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ } 1,

css 控制行数 多出的省略

css 控制行数 多出的省略的相关文章

css 控制行数多出的省略

css 控制行数多出的省略的相关文章