我如何让这表格不多不少充满Frame?

needanothercoder 2012-04-30 04:21:31
我如何让这表格不多不少充满它所在Frame?

请看以下代码，我已设width="100%" height="100%"，但是表格还是超出了所在Frame很多，致使Frame的纵横滚动条都出现了。
表格里内容极少，不是内容太多造成的。

<table width="100%" height="100%" align="center">
<tr>
<td align="center" vlign="middle" rowspan="3">
<img style="float: left; height: 129px; width: 110px;" alt="" src="http://avatar.profile.csdn.net/5/7/F/2_needacoder.jpg"
height="110" width="100" />
</td>
<td align="center" vlign="middle" colspan="2">
<p>
用户名:</p>
</td>
</tr>
<tr>
<td align="center" vlign="middle" colspan="2">
<asp:LoginName ID="LoginName1" runat="server" />
</td>
</tr>
<tr>
<td align="center" vlign="middle" class="style1">
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click1" Text="登录" Width="100px" />
</td>
<td align="center" vlign="middle">
<asp:Button ID="Button3" runat="server" OnClick="Button3_Click" Text="修改密码" Width="100px" />
</td>
</tr>
</table>
...全文
139 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
persuit666 2012-05-02
  • 打赏
  • 举报
 回复
table 加个css
table-layout:fixed;试试
手可摘星辰 2012-05-02
  • 打赏
  • 举报
 回复
只能table用像素
needanothercoder 2012-05-02
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 的回复:]
table不用百分比，用像素，这个比较绝对

当看你table的代码看不出有什么问题，如果只有这些内容的话，应该是没有错误的，很可能是页面其他部分的影响。当然也可能是内部元素的影响

比如：<td align="center" vlign="middle" class="style1">

styley1就不知道是什么样子，关注style1


另外，像开头的建议，用像素测试，看……
[/Quote]
谢回复
不用百分比的话，不能自动适应框架啊。
class="style1"去掉了，也不行
传递正能量 2012-04-30
  • 打赏
  • 举报
 回复
table不用百分比，用像素，这个比较绝对

当看你table的代码看不出有什么问题，如果只有这些内容的话，应该是没有错误的，很可能是页面其他部分的影响。当然也可能是内部元素的影响

比如：<td align="center" vlign="middle" class="style1">

styley1就不知道是什么样子，关注style1


另外，像开头的建议，用像素测试，看效果
needanothercoder 2012-04-30
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 的回复:]
给body加如下属性

<body style="overflow:hidden">
[/Quote]
谢大手百忙中回复
加了，滚动条是不见了，但是内容超出，许多部分看不见了，下面是所有网页body代码：
<body style="overflow:hidden">
<form id="form1" runat="server">
<table width="80%" height="80%" align="center">
<tr>
<td align="center" vlign="middle" rowspan="3">
<img style="float: left; height: 129px; width: 110px;" alt="" src="http://avatar.profile.csdn.net/5/7/F/2_needacoder.jpg"
height="110" width="100" />
</td>
<td align="center" vlign="middle" colspan="2">
<p>
用户名:</p>
</td>
</tr>
<tr>
<td align="center" vlign="middle" colspan="2">
<asp:LoginName ID="LoginName1" runat="server" />
</td>
</tr>
<tr>
<td align="center" vlign="middle" class="style1">
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click1" Text="登录" Width="100px" />
</td>
<td align="center" vlign="middle">
<asp:Button ID="Button3" runat="server" OnClick="Button3_Click" Text="修改密码" Width="100px" />
</td>
</tr>
</table>
</form>
</body>
暖枫无敌 2012-04-30
  • 打赏
  • 举报
 回复
给body加如下属性

<body style="overflow:hidden">
needanothercoder 2012-04-30
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 的回复:]
测试
在你的table外面放一个div
设定样式 width:100px;overflow:hidden;background-color:#123
通过这个div 看看有颜色的部分占据iframe整体的多少
改变宽度，让它和iframe的宽度一致。
table如果超出了，就是table问题（给table也加上颜色），否则就不是
[/Quote]
谢回复
1.是frame，不是iframe
2.table不用加色也能看出超出了，因为字显示不全
needanothercoder 2012-04-30
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 的回复:]
<table width="100%" height="100%" align="center">
将width和height百分比设置小点试试
<table width="98%" height="98%" align="center">
你将table注释掉，然后看看是否还是出现水平和竖直滚动条，如果没有的话，说明是table造成的。
你想上面说的那样，减小点百分比数试试看……
[/Quote]
谢回复，试了
1.width="80" height="80"都不行，纵横都超
2.注释了表格，没条了，因为注释了表格后已没有任何其它内容了.我的这个页面上只有这一个表格，套在form里
3.scrolling找了,<table>没这个属性，如果你说的是frame的scrolling，那不行啊，滚动不了了，出格的内容不是看不了了？
传递正能量 2012-04-30
  • 打赏
  • 举报
 回复
测试


在你的table外面放一个div
设定样式 width:100px;overflow:hidden;background-color:#123

通过这个div 看看有颜色的部分占据iframe整体的多少

改变宽度，让它和iframe的宽度一致。

table如果超出了，就是table问题（给table也加上颜色），否则就不是
暖枫无敌 2012-04-30
  • 打赏
  • 举报
 回复
<table width="100%" height="100%" align="center">
将width和height百分比设置小点试试

<table width="98%" height="98%" align="center">


你将table注释掉，然后看看是否还是出现水平和竖直滚动条，如果没有的话，说明是table造成的。
你想上面说的那样，减小点百分比数试试看。
或是你给table加style属性，设置scrolling：no
2021-2022计算机二级等级考试试题及答案No.15446.docx
11. Frame结构：根据给定的代码，生成的Frame结构是C选项所示，其中包含两个子Frame。 12. Access操作：在Access的表设计视图中，可以进行字段类型修改、设置索引和增加字段，但不能直接删除记录（D）。 13. ...
HTML基础教程
6. **表格**：通过`<table>`、`<tr>`（行）、`<th>`（表头）和`<td>`（数据单元格）创建数据表格。 7. **样式**：HTML可以与CSS（Cascading Style Sheets）结合使用，通过`<style>`标签或外部样式表来定义元素的外观...
html+css项目练习.rar
5. **框架`<frameset>`和`<frame>`**：虽然在现代网页设计中不常用，但理解它们可以帮助了解网页历史。 CSS则是负责网页外观和样式的语言。在实践中，我们可能涉及以下CSS知识点： 1. **选择器**：如元素选择器、...
网页设计HTML基础教程
它构成了互联网上大部分页面的基础，让开发者可以通过文本、图像、链接等元素构建出丰富多彩的网页。本教程旨在为初学者提供一个全面的HTML基础知识入门，帮助你们理解并掌握网页设计的核心技能。 一、HTML结构 ...
Kmisc:常用数据重塑操作的功能集合，以及R Markdown文档的表和图生成功能
Kmisc是一个充满杂项功能的软件包，旨在简化R编程过程。 功能范围包括： 为data.frame和matrix的reshape2::melt更快实现， 实用程序功能，用于生成和标记R Markdown文档， 一个简单的awk包装器， 读取超大文件...
.NET社区

62,268

社区成员

668,981

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

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

+ 用AI写文章