关于table的显示格式

kangbinoopp 2010-05-19 10:45:12
可不可以固定好table的单元格的高度和宽度? 不管单元格里的内容如何的多,超出的部分不予显示
...全文
71 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
huangheguyun 2010-05-20
  • 打赏
  • 举报
回复
table { border-collapse:collapse;width:50px; border:1px solid #000; table-layout:fixed;}
table td{white-space:nowrap;overflow:hidden;width:50px;height:22px; border:1px solid #000;}
一楼正解!
Super_Ninja 2010-05-20
  • 打赏
  • 举报
回复
对啊,一楼的css定义可以做到的!
ad0128 2010-05-19
  • 打赏
  • 举报
回复

table { border-collapse:collapse;width:50px; border:1px solid #000; table-layout:fixed;}
table td{white-space:nowrap;overflow:hidden;width:50px;height:22px; border:1px solid #000;}
了無痕 2010-05-19
  • 打赏
  • 举报
回复
一楼的就ok了
zjtpiaoxue 2010-05-19
  • 打赏
  • 举报
回复
table{
width:30em;
table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */
}
td{
width:100%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
}
CCCSharp 2010-05-19
  • 打赏
  • 举报
回复
被一楼的抢先了,二楼的不通用。。。
passself 2010-05-19
  • 打赏
  • 举报
回复

white-space:nowrap;

超出的部分用...来表示


word-break:break-all;

可以折行

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧