html td设置宽度的方法:1、直接使用td标签的width属性,语法格式“<td width=”宽度值”></td>”;2、在td标签中使用style属性,R { v 9 R f I h添加“width:宽度值;”样式。

本教程操作环境:windows7系统、CSS3&aA o } t \ | / * |mp;&HTMj \ = \ Z y ; / AL5版、Dell G3电脑。

1、直接使用td标签的width属性

widtha ] J 0 j 属性规定表格单元格的宽度。

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

示例:

<table border="1">
<tr>
<td width="100">商品</td>
<td&g( c , w ~t;价格</td>
</tr>
<tr>
<td>% e v N;T恤</td>
<td>$ B I ) u J f \ };¥100</td>
</tr>
<tr&@ T C u ogt;
<h $ ) d , l X B [td>牛仔褂</td>q N w /
<td>¥250</td>
</X { Btr>
<tr>
&lr F pt;td>牛仔库</| % - l o 1 r ^td>
<td>¥150</td>
</tr>
</table>

效果图:

1.png

2、使用style属性,添加“width:宽度值;”样式

style 属性规定元素的行内样式。

示例:

&l{ Y # X C o e =t;table border="6 [ R j J } ^ a .1">
&( @ Mlt;tr>
<td>商品</td>
<td>价格</td>
</tr>
<tr>
<td>T恤</td>6 @ i 3 I
<td>¥100&z B a R M v # flt;/td>
</tr>
<tr>
<td>牛仔褂</td>/ { t , : R
<td>¥25= G h 9 m O } ; $0</td>
<g f h H &/tr>
<tr>v { B I 5 N E U t
<td>牛仔库</td>
<td>¥150</td>
</tr8 f V o N y 2 h y>
</table>

效果图:

2.png

推荐教程:《html视频教程》

以上就是html td怎么设置宽度的详细内容,更多请B ( X S X W M g P关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注