`

CSS实现文字自动截断

    博客分类：
  • CSS
 
阅读更多

 

<html>
<head>
<title>文字自动截断效果</title>
<style>
div.show{
width:200px;
height:100px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
</head>
<body>
<div class="show">文字自动截断效果文字自动截断效果</div>
</body>
</html>
分享到：
| Ext treePanel 节点反选
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    使用CSS不用程序实现文字自动截断 用省略号代替

    使用CSS不用程序实现文字自动截断 用省略号代替

    用css截取字符实现文字自动截断隐藏溢出文本

    主要介绍了用css截取字符实现文字自动截断隐藏溢出文本，需要的朋友可以参考下

    纯CSS实现“文本溢出截断省略”的几种方法

    看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？ 一般来说，在做这样...

    通过纯CSS样式实现DIV元素中多行文本超长自动省略号

    在CSS中，我们可以通过下面的样式实现DIV元素中文本超长后自动截断并以省略号结尾： 复制代码代码如下: overflow: hidden; word-break: normal; text-overflow: ellipsis; text-overflow: ellipsis是实现文本截断...

    Css深刻理解width:auto的用法

    前言 看了我上篇文章的人可能觉得我小题大做，css2有什么好看的？...这个最容易出现在table-layout为auto表格中，我们不控制表格单元格宽高的时候，当每一列都放不下的时候，会把文字截断，然而手机号，英

    css文本换行属性word-wrap和white-space使用总结

    word-break:break-all和word-wrap:break-word表示强制换行，前者若英文字符过长自动截断，后者整个英文单词会换行！ 而而我常会这样用： 复制代码代码如下: word-wrap:break-word; overflow:hidden; IE 下没有...

    《程序天下：JavaScript实例自学手册》光盘源码

    3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的textarea滚动 3.42 始终显示在最顶端的文本 3.43 JavaScript过滤SQL注入字符 3.44 textarea内实现行的翻页效果 3.45 textarea中的文本插入 3.46 查找两段文本...

    程序天下:JavaScript实例自学手册

    3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的textarea滚动 3.42 始终显示在最顶端的文本 3.43 JavaScript过滤SQL注入字符 3.44 textarea内实现行的翻页效果 3.45 textarea中的文本插入 3.46 查找两段文本...

    word-wrap与word-break 属性的概述及浏览器默认处理

    英文单词不会被截断，相当于一段默认的css: 复制代码代码如下:{ word-wrap: normal; /*浏览器对文本默认的自动换行处理*/} 如图：浏览器自动换行文本     二、break-word属性值 当然在网页排版中也会遇到一些特殊...

    文章管理系统

    5.[改进]后台 文章管理-栏目管理 文字和细节完善 6.[改进]后台 留言管理和评论管理 内容加入强行换行，防止个别情况撑爆界面 7.[改进]后台 友情链接管理 纠正新增框初始排序值有时非最大值问题 8.[改进]完善前台编辑...

    asp98留言本程序

    添加css样式table {table-layout: fixed;word-wrap:break-word;}div {word-wrap:break-word;}作用 修整 如 '!' 过多表格被撑开的问题2.修改当没有记录报错的问题参见index.asp 约225行开始3.添加转换HTML标记的函数 ...

    Z-Blog v1.6 渡虎谷修改版

    请自行提取正文的文字做为摘要，系统的自动截断功能有可能会使摘要页面显示不正常。5.什么时候需要点击[索引重建]？[索引重建]让系统刷新缓存和统计数据，同时，生成该BLOG的RSS 2.0和Atom 1.0聚合的XML文件于根目录...

Magicbox
Global site tag (gtag.js) - Google Analytics