文本溢出超过宽度自动用省略号代替

最新推荐文章于 2020-09-03 11:10:46 发布
最新推荐文章于 2020-09-03 11:10:46 发布
阅读量1k 收藏
点赞数
文章标签： table generator border xhtml javascript 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangtzeu/article/details/1931139
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>css.textOverflow.ellipsis.html</title>
    <meta name="generator" content="editplus" />
    <meta name="author" content="Gao YiXiang" />
    <meta name="email" content="yixianggao@126.com" />
    <meta name="keywords" content="javascript dhtml dom" />
    <meta name="description" content="I love web development." />
    <style type="text/css">
.divNoWrap
{
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0px dotted blue;
}
table
{
    width: 400px;
    word-break: break-all;
}
    </style>
</head>
<body>
<table border="1">
    <tr>
        <td>
            <div class="divNoWrap">
            问题就是   我在一个Table中的一行中腰显示一段汉字或数字（这个无关紧要）当从数据库中提取出来的

数据宽度超出最大显示宽度时后面的数据用。。。(即省率号)代替显示,   好像是Table的属性   ! 请大家给个指导吧

    谢谢各位的智慧啦   !万分感激!
            </div>
        </td>
    </tr>
    <tr>
        <td>
        问题就是   我在一个Table中的一行中腰显示一段汉字或数字（这个无关紧要）当从数据库中提取出来的数据

宽度超出最大显示宽度时后面的数据用。。。(即省率号)代替显示,   好像是Table的属性   ! 请大家给个指导吧    

谢谢各位的智慧啦   !万分感激!
        </td>
    </tr>
</table>

</body>
</html>

 

yangtzeu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css实现文本溢出显示省略号
09-25
主要介绍了css实现文本溢出显示省略号的方法和示例分享，推荐给大家。
文字超过设定宽度自动显示省略号
qq_36340642的博客
02-23 1932
单行，文字超过设定宽度自动显示省略号width:120px;overflow:hidden;white-space:nowrap;/*限制不换行*/text-overflow:ellipsis;多行文字超过一定的宽高，自动显示省略号width:200px;height:33px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-...
html文字超越宽度显示省略号
zhao12238985的专栏
01-07 405
* {margin:0; padding:0; list-style:none; } body{    font-family: 宋体;    font-size: 12px;} #box{width:200px;border:1px green solid;} #box span{display:block;overflow:hidden;float:left;width:156px;*w
判断文本宽度，给其添加title属性
Z.H.L的博客
08-13 1613
适用情况：有些菜单文字超出范围，将其超出的范围隐藏，用'...'代替，再给其添加title属性显示全部，但是,不是每个菜单都要加title属性，这时就判断文本宽度，进行判断，只给超出范围的添加title属性。 &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;...
文字超出DIV宽度时显时省略号的效果
what should I do?
12-26 113
asddddddddddddddddddddddddddddddddddddddddddddddddd
前端css控制超过几行的数据用省略号代替
万里飞鹏的博客
02-27 493
多行超过一定长度显示省略号 display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;//行数 overflow: hidden; 单行隐藏，超过一定长度显示省略号 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; widt...
css多行文本溢出时出现省略号的示例
09-24
主要介绍了css多行文本溢出时出现省略号的示例的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
css 超出用省略号当标题字符溢出用省略号表示
09-25
列表由于标题过长而影响美观度，所以想让标题溢出的文字以省略号方式表现.此类文章网上会有很多，本文整理了一些经验技巧与大家共同分享，感兴趣的你可不要错过了哈，希望可以帮助到你
CSS实现单行、多行文本溢出显示省略号的实现方法
09-22
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览
块级内容超出宽度后以省略号显示
luyundesign的博客
01-10 194
<style> .widget-title-nowrap{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } </style>``` <a class="widget-title-nowrap" href="#" title="">标...
css当文字超过指定宽度时，超出部分用“...“省略号表示
Amily_an的博客
09-03 637
html <p>红红火火恍恍惚惚斤斤计较溜了溜了凄凄切切呜呜哇哇柔柔弱弱吞吞吐吐一样一样乒乒乓乓重中之重休息休息宝宝贝贝男男女女密密麻麻坎坎坷坷</p> css单行 p { width: 300px; overflow: hidden; text-overflow: ellipsis;/* 超出省略号 */ white-space: nowrap; } 效果图： css多行 p { width: 200px; height: 36px; /* 高度根据多行文字一共占
列的文字超过宽度的部分则用...省略号显示
隐0士的博客
07-08 578
给列加上一个样式 样式内容为 .tdStyle{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 这样就能实现超过部分用省略号显示，而不是换行
text-overflow实现文字超出宽度，溢出后自动显示为省略号的效果
u010819915的专栏
08-24 1878
text-overflow是CSS中一个特殊的样式属性 它具有两个值：text-overflow : clip | ellipsis clip : 不显示省略标记（...），而是简单的裁剪 ellipsis : 当对象内文本溢出时显示省略标记（...）   当列表一行中显示的文字超过固定宽度里，我们想只显示一行，多余的用省略号来显示。就需要用到text-overflow:ellips
css实现超出div长度文字自动隐藏或用省略号表示
热门推荐
chelflan's blog
07-23 3万+
在网页设计中，一些区域的标题文字是不能换行的，例如首页显示的文章标题，因为布局是固定的，换行会打乱布局，从而使网页产生错位。因此，我们需要一行一段文字，超出行宽的文字用省略号表示或者直接去掉不用省略号代替。看看下图中的实例。超出div长度用省略号表示上图显示，扩展阅读的文章标题，超出行宽用省略号表示。本文我们就来看看如何用css来实现的。css实现超出div长度用省略号表示源代码...
Android TextView与EditText超过限制长度显示省略号
u013552367的博客
09-27 8624
分别针对TextView和EditView超过限制长度显示省略号给出解决方案 TextView设置单行并且设置maxEms,超过的部分显示end省略号. <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello Wo...
element ui table tooltip设置宽度
遛弯的兔子
09-21 2万+
  最近在开发一个项目，前端用的Vue.js+Element ui框架，项目中用到了很多表格，当列的内容过长时使用  :show-overflow-tooltip="true"，可以让内容在一行显示并且出现tooltip,但是通常就会出现这样的效果： 于是就需要修改tooltip的样式，写法大概是这样： &lt;style&gt; .el-tooltip__popper {...
CSS 单行溢出文本显示省略号...的方法（兼容IE FF）
上官飞蓬的博客
06-27 7639
html代码： CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.com css代码： div{ width:200px;/*容器的基本定义*/ height:200px; background-color:#eee; } /* IE下的样式 */  p span{ display: block; width:
css限制显示字数，文字长度超出部分用省略号表示 只显示一行
zhengbingmei的博客
05-19 4434
为了保证页面的整洁美观，在很多的时候，我们常需要隐藏超出长度的文字。这在列表条目，题目，名称等地方常用到。(1).文字超出一行，省略超出部分，显示'...'如果这种情况比较多，可以取一个切合作用的类名用于复用。.line-limit-length {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; //文本不换行，这样超出一...
超出宽度范围的文字自动进行截断操作，省略号省略超出部分，并有鼠标移到上面显示内容效果
|-| [- |_ |_ ()
04-12 629
.hide { cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 只需要设置一个css样式，然后在标签上设置属性title = "内容" 即可。 例如 表格标签 &lt;tr&gt;     &lt;td class="hide" title="要显示的内容"&gt...
jquery mobile 超过指定字数字数自动用省略号代替
最新发布
07-12
你可以使用CSS的文本溢出属性来实现超过指定字数自动用省略号代替的效果。 首先，给包含文本的元素添加一个固定的宽度，并设置`overflow: hidden`来隐藏超出宽度的部分。然后，设置`text-overflow: ellipsis`来显示...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值