熟悉网页的朋友,帮帮忙,看一看

alangyy 2007-10-25 10:50:44
<html>
<head>
</head>


<body>
<table align=center width=300 border=3 >
<tr>
<td width=10>
<img src=./25918021.jpg width=100>

</td>

<td width=20>
</td>

</tr>
</table>
</body>
</html>

这段html代码中的table的两列的宽度是怎么算出来的呢,希望知道的朋友给个公式?(注:图片显示不出来,没有什么关系,反正宽度是100)
...全文
145 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
frank_good 2007-11-20
  • 打赏
  • 举报
回复
用绝对数值写就不会有这样的问题了.
skyyun 2007-11-19
  • 打赏
  • 举报
回复
学习了
web编程 2007-11-08
  • 打赏
  • 举报
回复
呵呵 验证了一下楼上所说的 基本不差,刚好有一个border宽度 的差距
<html >
<head >
</head >


<body >
<table align=center width=300 border=3 >
<tr >
<td width=10 >
<img src=./25918021.jpg width=100 >

</td >

<td width=20 >
</td >

</tr >
</table >

<!--按楼上所的公式计算了宽度后如下表-->
<table align=center width=300 border=3 >
<tr >
<td width=250 >
 
</td >

<td width=50 >
 
</td >

</tr >
</table >
</body >
</html >
balibell 2007-11-05
  • 打赏
  • 举报
回复
这个有意思。
分析:第一个td 被撑大到100px <td width=10> 这个10 已经失效不用管了,第一个td相当于 <td width=100>。
第二个td 放的是空白,<td width=20>没有被撑大(20这个很险呢,很容易被撑大,那样就更复杂了),第二个td仍然<td width=20>

所以第一个的实际宽度 300* (100)/(100+20)
第二个的实际宽度 300*(20)/(100+20)

如果td 有border,这个border 怎么算就不知道拉,貌似有个td 是固定不变的,border占用的宽度从另一个td的width里剥夺
bsetsail 2007-10-25
  • 打赏
  • 举报
回复
你在两个<td>之间设置了width分别为10和20
但总的width为300,他会按照10:20分别分为100和200
yellowstarye 2007-10-25
  • 打赏
  • 举报
回复
关注中
alangyy 2007-10-25
  • 打赏
  • 举报
回复
我觉得答案不是这样的,你用ie或者firefox打开就会发现,第一个td要比第二个宽得多?所以请大家再仔细的想想呀!!!

61,125

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧