table内文字一行内显示
来源:互联网 发布:深圳市大数据研究院 编辑:程序博客网 时间:2024/05/22 00:45
/*样式*/
table{display:fixed;width:100%;}
注意table要有宽度属性
针对要一行显示的文字添加样式类inlinetxt
inlinetxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{padding:0;margin:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
.content{width:1000px;margin:0 auto;}
.content table,.content table td{border:1px solid #ddd;}
.content table{table-layout:fixed;width:100%;}
.inlinetxt{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
</style>
</head>
<body>
<div class="content">
<table>
<tbody>
<tr>
<td class="inlinetxt">测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</td>
<td>测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</td>
<td>测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</td>
<td>测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</td>
<td>测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
- table内文字一行内显示
- div+CSS设置一行内文字超过宽度不换行且不显示
- div+CSS设置一行内文字超过宽度不换行且不显示
- div+CSS设置一行内文字超过宽度不换行且不显示
- 一行文字内图片与文字垂直对齐的方法
- css 一行内显示 超出自动隐藏
- css 一行内显示 超出自动隐藏
- JSP数据显示在页面一行内
- CSS设置一行内文字超过宽度不换行
- 层内文字超出显示省略号[转]
- 搜索框内显示文字的代码
- 单元格内多余的文字用浮字显示 .......
- js 文本在一行内幻灯显示效果
- CSS 让div内的span在一行显示
- CSS 让div内的span在一行显示
- 用CSS让字体在一行内显示不换行
- ScrollView内嵌ListView(GridView)只显示一行
- 用CSS让字体在一行内显示不换行
- 不用比较语句比较两个数的大小
- C# winform传值
- java对象流ObjectInputStream、ObjectOutputStream的使用
- std_vector使用注意事项
- yum处于锁定状态的解决办法
- table内文字一行内显示
- Java标识接口
- 我的二次创业——Egret Html5游戏引擎
- PAT (Basic Level)1034. 有理数四则运算
- machine learning:计算error时lambda取值
- Self Summary: Ruby on Rails and MVC architecture
- Linux进程间通信——使用消息队列
- virtio 1.0 简介
- Usefull Links