bootstrap 内容简略显示

1、首先需要在table中设置table-layout:fixed;

<table style="table-layout:fixed"></table>

2、然后在表头th中设置每列的宽度

<table style="table-layout:fixed"> <th width="10%">普通</th> <th width="10%">复杂</th>
</table>

3、然后在需要当长度大于一定数值时用省略号表示的td上面添加样式

<pre name="code" class="html"><td>01</td>
<td style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>

这样就可以做到，将过长的内容简化为前部分+...

但是，如果是重要信息，不能看到全部，总是会不尽人意，当然，title属性可以替你解决这个问题

<td title="鼠标移动显示信息"style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>

这样，当鼠标移动到这个地方，你就会看到title中的信息。

bootstrap 内容简略显示相关推荐

在ＶＣ中实现模拟键盘，输入内容并显示在ＬｉｓｔＢｏｘ中。
网上找的,还没试过,希望对楼主有帮助模拟键盘按键自动输入文字键盘对于每个操作电脑的人员来说是最熟悉不过的了.键盘上的按键可分为两类: 按下后会在电脑的输入窗口上出现对应字符的按键,如字母键和数字 ...
WPF 自定义控件的坑（蠢的：自定义控件内容不显示）
WPF 自定义控件的坑(蠢的:自定义控件内容不显示) 原文:WPF 自定义控件的坑(蠢的:自定义控件内容不显示) 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csd ...
shell 密码输入不显示,Shell输出内容不显示密码,Shell实现有密码自动登录sshpass 应用实践...
在很多实践项目中,我们经常会通过SSH来进行认证,如通过SSH拷贝文件,虽然我们可以使用公钥与私钥实现ssh 无密码登录,在不同的服务器上又需要配对相应的密钥,切换用户麻烦等问题,在一些需要交互但会涉 ...
如何通过css控制内容显示顺序第二行的内容优先显示
我们有时进行网页设计时为了想让用户感兴趣的内容优先显示在前,又不想改动代码的先后顺序,要怎么操作呢?(或者换种说法:源代码中要先看到A再看到B,而视觉上是先B再A)举个简单的例子,想让第二行的内容在不 ...
html中内容超出显示省略号的方法
html中内容超出显示省略号的方法本博客主要介绍前端开发中文本过多,以省略号显示. 效果如图: 单行:  <p class=&q ...
html+字体图标找不到字体,bootstrap中不显示字体图标问题怎么解决？
bootstrap中不显示字体图标的原因是什么?怎么解决?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 你在使用bootstrap字体图标的时候,是否遇 ...
【java基础知识】设置表格内容居中显示，表格字体大小调整，表格列宽调整
一.表格内容居中显示通过Netbeans创建表格后,默认表头和表格内容全部偏左显示,想要手动修改,需要先将自动创建的表格类改为public类型. 然后在表格代码部分后面添加下面代码: 1.表头居中显 ...
listview 样式 LVS_REPORT 与 LVS_EDITLABELS 编辑单元格时，当前行第一列内容不显示
今天想做一个可编辑单元格的 listview,样式是 LVS_REPORT 与 LVS_EDITLABELS 网上搜索了一些相关资料,照葫芦画瓢写了一个,可测试的时候发现,当从第2列开始编辑的时候,第 ...
js如何保证iframe里的内容，显示在父窗口
为什么80%的码农都做不了架构师?>>> 很多情况下,在使用iframe的时候,经常出现父窗口的内容,显示在了iframe里面,采用js判断的方式,即可简单的解决这个问题: i ...

bootstrap 内容简略显示

bootstrap 内容简略显示相关推荐

最新文章

热门文章