table文字超出省略
来源:互联网 发布:淘宝收费标准 编辑:程序博客网 时间:2024/05/21 21:38
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>table文字超出省略</title>
<style type="text/css">
table{ width:50%;table-layout: fixed;}
.name{width: 10%;}
.age{width: 20%;}
.sex{width: 30%;}
.addr{width: 40%;}
td{
white-space: nowrap;/*控制单行显示*/
overflow: hidden;/*超出隐藏*/
text-overflow: ellipsis;/*隐藏的字符用省略号表示*/
}
table{table-layout: fixed;}
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th class="name">姓名</th>
<th class="age">年龄</th>
<th class="sex">性别</th>
<th class="addr">地址</th>
</tr>
</thead>
<tbody>
<tr>
<td>王小帅</td>
<td>25</td>
<td>女</td>
<td>嘿嘿嘿嘿嘿嘿省略吗嘿嘿嘿嘿嘿嘿省略吗嘿嘿嘿嘿嘿嘿省略吗嘿嘿嘿嘿嘿嘿省略吗</td>
</tr>
</tbody>
</table>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>table文字超出省略</title>
<style type="text/css">
table{ width:50%;table-layout: fixed;}
.name{width: 10%;}
.age{width: 20%;}
.sex{width: 30%;}
.addr{width: 40%;}
td{
white-space: nowrap;/*控制单行显示*/
overflow: hidden;/*超出隐藏*/
text-overflow: ellipsis;/*隐藏的字符用省略号表示*/
}
table{table-layout: fixed;}
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th class="name">姓名</th>
<th class="age">年龄</th>
<th class="sex">性别</th>
<th class="addr">地址</th>
</tr>
</thead>
<tbody>
<tr>
<td>王小帅</td>
<td>25</td>
<td>女</td>
<td>嘿嘿嘿嘿嘿嘿省略吗嘿嘿嘿嘿嘿嘿省略吗嘿嘿嘿嘿嘿嘿省略吗嘿嘿嘿嘿嘿嘿省略吗</td>
</tr>
</tbody>
</table>
</body>
</html>
阅读全文
0 0
- table文字超出省略
- 【实用随记】文字超出省略
- 文字多行超出省略
- 文字超出时省略 显示...
- 文字超出部分自动省略
- 一行文字超出宽度自动省略样式
- css省略超出的文字,用...代替
- css控制一行文字超出省略
- table td 固定宽度,超出部分省略隐藏
- 超出的文字用省略,用…代替
- table td 文字超出显示省略号
- table td 文字超出显示省略号
- CSS实现table td中文字的省略与显示
- CSS实现table td中文字的省略与显示
- 超出文本省略......
- CSS 超出长度省略
- 记录一下超出省略
- CSS文字超出部分省略(width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;)
- Cent7开机自动联网设置
- spring中bean配置和bean注入
- Kafka Java Consumer实现(二)
- httpcilent连接第三方接口请求(post,get)
- PL/SQL 中看不到写的sql
- table文字超出省略
- android+测试基础4测试策略
- VC6使用MAp文件查找异常代码
- PostGIS导入矢量和栅格
- 16秋计算机科学与技术鲁嘉华第五章作业
- vue笔记——vue中的子组件引用
- Java源码阅读之String(4)
- Koa2 权限认证中间件-----Passport
- 关于Java反射机制