网页中如何用CSS来固定表格的宽和高,不会随着文字的多少改变大小多出的文字隐藏,最好能详细说明感激不尽

已举报 回答 关注

网页中如何用CSS来固定表格的宽和高,不会随着文字的多少改变大小多出的文字隐藏,最好能详细说明感激不尽

  • 回答数

    3

  • 浏览数

    8,675

3个回答 默认排序
  • 默认排序
  • 按时间排序

已采纳
表格标记在标记中主要用于放置数据的,我认为,它固有的属性与施加的CSS隐藏控制重叠也不能实现你所想要求的效果。但是DIV是可以的。
但是,可以用另一种使用表格的方法达到你所要求的效果。就是在每个单元格中添加一个DIV,用CSS控制DIV来实现这种效果。表格的宽度与高度可分别用DIV的宽和高控制。表格的作用与DIV的控制产生你所要求的表格效果。
可以用以下的CSS代码控制,已运行验证。请试试。你可以按此法进行变通使用。
希望对你有用。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<style type="text/css">
table div{
width:100px;
height:60px;
overflow:hidden;
/*上面一行代码隐藏溢出内容*/
border: 1px solid #0099FF;
background-color: #999999;
}

</style>

</head>

<body>
<table >
<tr>
<td ><div>1111111111111111111</div></td>
<td ><div>此处显示新 Div 标签的内容</div></td>
</tr>
<tr>
<td><div>此处显示新 Div 标签的内容</div></td>
<td><div>此处显示新 Div 标签的内容</div></td>
</tr>
</table>
</body>
</html>
取消 评论
能换行的,
{
height:88px;
width:88px;
overflow:hidden;
}即可。
楼主是不是说的不呢过换行的,
{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 60px;
}
可以这样设置绝不会换行,而且如果文字大于设定宽度还会出现省略号。(试试,省略号不是手动加的啊!)60分挺多啊!

取消 评论
楼上正解~其实关键点就是一句:overflow:hidden;
取消 评论
ZOL问答 > 网页中如何用CSS来固定表格的宽和高,不会随着文字的多少改变大小多出的文字隐藏,最好能详细说明感激不尽

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

提示

确定要取消此次报名,退出该活动?