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

发布网友发布时间：2022-03-24 00:24

我来回答

共3个回答

热心网友时间：2022-03-24 01:53

能换行的，

{

height：88px；

width:88px;

overflow:hidden;

}即可。

楼主是不是说的不呢过换行的，

{

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

width: 60px;

}

可以这样设置绝不会换行，而且如果文字大于设定宽度还会出现省略号。（试试，省略号不是手动加的啊！）60分挺多啊！

追问能否给我一个详细操作yuxingugl@foxmail.com

热心网友时间：2022-03-24 03:11

表格标记在标记中主要用于放置数据的，我认为，它固有的属性与施加的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>

热心网友时间：2022-03-24 04:46

楼上正解~其实关键点就是一句：overflow:hidden;

首页

文章

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