table的tr高度,怎么设定

table的tr高度,怎么设定,第1张

如果td的高大于30px,tr就高了。

<tr>标签定义 HTML 表格中的行,* tr标签是成对出现的,以<tr>开始,</tr>结束。

*tr是table row的缩写,tr 元素包含一个或多个th或td元素。

1、首先给table标签添加css : table-layout:fixed这里是为了让整个table有一个自己宽度,而不是让table自己随着自己内容的大小而改变。

2、给table标签,定一个宽度(如:width:500px)

3、最后给td 定一个宽度(width)就可以实现.

原表格:

添加一下CSS:

现表格:

扩展资料:

在实际需求中,经常遇到要在table中的td中,让用户输入比较长的字符串,这时就要使td的宽度能较大。

在WEB前端中,对于 表格元素中的元素td 直接设置宽度是无法生效的。要想达到给td设置宽度的目地。

是这个效果么?

<table>

<TR >

<TD vAlign=top >

<TABLE width="100%" align=center height="130" bgcolor="#99FF00">

<TBODY>

<TR >

<TD width="86%" height="18" valign="top"> 1111111111 </TD>

<TD width="86%" height="18" valign="top"> 2222222222 </TD>

</TR>

</TBODY>

</TABLE>

</TD>

</TR>

</table>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6427425.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-22
下一篇 2023-03-22

发表评论

登录后才能评论

评论列表(0条)

保存