table中如何用CSS控制<tr>><td>的宽度和高度

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

2、给table标签，定一个宽度（如：width:500px）

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

原表格：

添加一下CSS：

现表格：

扩展资料：

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

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

<TD width=91 height=66></TD>是网页HTML语言中表格的单元格，单元格宽91PX，高66PX。

HTML标准对TD标签有如下说明：

<td>标签定义 HTML 表格中的标准单元格。

HTML5 不支持 <td>width 属性。请使用 CSS 代替。

在 HTML 4.01 中，<td>的 width 属性 已废弃。

width 属性规定表格单元格的宽度。

通常，单元格占用的空间就是它显示内容需要的空间。width 属性用于为单元格设置预定义的宽度。

HTML5 不支持 <td>height 属性。请使用 CSS 代替。

在 HTML 4.01 中，<td>的 height 属性 已废弃。

height 属性规定单元格的高度。

通常，单元格占用的空间就是它显示内容需要的空间。height 属性用于为单元格设置预定义的高度。

1、首先打开html5编辑器，新建一个html文件，在里面写入一个button按钮，被button按钮设置一个样式，这里给它的class属性设置为btn：

2、在上方引入style标签，在里面设置btn类的样式，这里设置宽度和高度使用width和height属性就可以了，最后在美化一下按钮，设置背景色和字体颜色以及文字橘子效果：

3、最后打开浏览器，即可看到设置好的按钮了。以上就是html5中设置按钮的宽度和高度的方法：

---