html文字太长隐藏,[分享]Dvi+Css框架页面中文本过长用CSS实现截取隐藏文字 | 霸王硬上弓's Blog...
有时候文字太长时会影响页面的布局div标签,需要把后面的隐藏掉,只显示省略号(…),对于div标签比较容易
如:
.content
{
width:100px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
<div class="content">隐藏过长的文字</div>
而对于table和GridView却不能实现div标签,其实GridView最终也是解析为table在页面显示,所以用GridView为例。
1、定义如下CSS样式
.tableCSS
{
table-layout: fixed;
}
.content
{
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
2、为GridView设置样式
<asp:GridView CssClass="tableCSS" 必需要为整个table或GridView添加样式 且table-layout:的值必需为fixed
对于要隐藏的列添加样式,如
<asp:BoundField DataField="MainTitle" HeaderText="内容">
<temStyle Width="42%" CssClass="content" />
<HeaderStyle Width="42%" />
</asp:BoundField>
由于样式table-layout: fixed;会把各列都设为相同的宽度,
所以需要为每列添加类似设置<HeaderStyle Width="42%" />div标签,以确定每列的宽
完成上面的工作即可看到效果div标签,由于内容被隐藏了部分,想要当鼠标放上去时显示以提示的方式查看时div标签div标签,在GridView的RowDataBound事件中添加如下代码即可
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Cells[5].ToolTip = e.Row.Cells[5].Text; //内容
}
html文字太长隐藏,[分享]Dvi+Css框架页面中文本过长用CSS实现截取隐藏文字 | 霸王硬上弓's Blog...相关推荐
- winbox 端口扫描_[分享]RouterOS 禁止端口扫描 | 霸王硬上弓's Blog
ROS上很简单的几条设置.记录和分享一下. 设置方法: IP > Firewall > Filter Rules 1.新增检测 默认为TCP端口扫描检测,可以增加UDP端口扫描检测.这里协 ...
- 华为多臂路由_[分享]华为 AR路由 策略路由 多WAN环境下指定出口 | 霸王硬上弓's Blog...
需要符合如下要求: 1.不同IP段走不同接口,指定IP的流量可以通过指定WAN,或者多WAN下自动选路/负载均衡(自动选路/负载均衡已配置好,略). 2.指定接口后实现内网的隔离/互联互通 操作环境: ...
- windows服务器双网卡链路聚合_[分享]Windows 8 及以上版本 开启多网卡链路聚合 | 霸王硬上弓's Blog...
这个内容 网上已经有类似教程.这是个大杂烩.但是在Windows Bug 10中,几乎无法成功创建. Windows 8/10 桌面版创建过程如下: 使用管理员权限运行PowerShell 命令:Ge ...
- python获取路由器数据包pppoe_[分享]抓包获取PPPOE账号密码 | 霸王硬上弓's Blog
PPPOE密码忘记了肿么办-本想使用网络上那普及的RASPPPOE方法,怎奈系统是Windows 8 x64,那兼容性担忧啊.正好环境中有ROS路由器,下挂一台二层交换机,上层是一台思科路由.于是便萌 ...
- [css] 在页面中的应该使用奇数还是偶数的字体?为什么呢?
[css] 在页面中的应该使用奇数还是偶数的字体?为什么呢? 常用偶数号字体,但奇数号字体也没关系,例如 知乎正文使用15px字体,豆瓣电影使用13px字体UI设计师导出的设计稿一般都是偶数号字体偶数 ...
- css修饰页面怎么制作,【转载】CSS修饰图片
有人翻译了<css decorative gallery>这篇文章,这写也是我们前端开发的时候经常用到的一些技巧.感谢翻译者,感谢webdesignerwall 这篇文章主要介绍了用简单的 ...
- html中文本属性的设置,css 文本属性direction的功能详解说明
摘要: 下文讲述css属性direction的功能说明,如下所示: css direction的功能说明 css direction的功能: 设置html元素中文本流的显示方向 css directi ...
- html中文本旋转90度,css如何使文字方向转90度
css中可以使用transform属性使文字方向转90度,语法格式为"transform: rotate(90deg)".transform属性表示元素应用2D或3D转换,当值为r ...
- 将分享按钮加入到页面中
想让页面有更多的链接,只需加入一个分享按钮就可以了,很简单的,只需要将下面一段js代码加入到body体里面 View Code 1 <script type="text/javascr ...
最新文章
- Xshell连接不上虚拟机Linux系统
- 铃木dl250参数_铃木DL250,铃木GSX250,铃木GW250重量多少?哪款最值得买?
- Cpp 对象模型探索 / 对象访问成员变量的原理
- 高通要大干无人机芯片 耗时一年获总部飞行许可
- linux 安装软件的几种方法
- (pytorch-深度学习)实现稠密连接网络(DenseNet)
- [转载]使用awk进行数字计算,保留指定位小数
- int型 判断奇偶_905. 按奇偶排序数组
- 分享:TreeFrog 1.1 发布,C++ Web 应用开发框架
- 为什么说“进程是资源分配的单位、线程是调度的单位”?
- 时代变了,199 美元的 iPhone 都可以想了?
- [转载] python sum()函数和.sum(axis=0)函数的使用
- thinkcmf apache rewrite文件
- TGS.Avizo.v5.0 1CD
- MarkDown思维导图
- BSG白山极客挑战赛 B君的圆锥
- 如何查看路由器中的宽带密码
- 什么是AMD;什么是CMD
- actor 模型原理 (一)
- bootstrap入门步骤