如何让表格（table）充满整个页面 - 网站开发初中级代码参考-转载 - ITeye博客

`

txf2004

浏览: 7074656 次
性别:
来自: 上海

最近访客更多访客>>

east_java

u012363178

wangyy

GDGZWQZ

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

autosuggestion：实现一个智能提示功能需要JavaScript、ajax、数据库 ...
自动提示结果
岁月之眸： ...
Java读TXT文件
yujian58：写的好。
在线客服技术方案
QQ1067184821：你好，能不能发个完整的给我呢？1067184821@qq.co ...
Extjs3.2+Json lib动态树与GridPanel简单展现
chenhua0725：能不能发一个完成的包给我呢，谢谢了，83667664@qq.c ...
Extjs3.2+Json lib动态树与GridPanel简单展现

如何让表格（table）充满整个页面

阅读更多

在开发过程中遇到了这个问题，需要将表格充满这个页面，实际的表格并没有那么高，于是使用如下代码设置：
<table height="100%">
<tr height="50%"><td>test1</td></tr>
<tr height="50%"><td>test1</td></tr>
</table>

但是表格并没有想象中的那样铺满这个页面，无论怎么调整都不行。此处是不能使用固定像素的高度的，因为那样将会随着屏幕分辨率的变化而变得非常难看。
最后只有借助于Google，将代码改为：
<body style="height:100%">
<table height="100%">
<tr height="50%"><td>test1</td></tr>
<tr height="50%"><td>test1</td></tr>
</table>
</body>
问题解决。

分享到：

mysqldump的编码问题 | 态度，成功销售人员的第一要素

2008-07-17 09:12
浏览 1505
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

GridManager, 快速、灵活的对Table标签进行实例化，让Table标签充满活力。.zip: 这个库的设计目标是让开发者能够轻松地为表格添加各种功能，如排序、过滤、分页、列调整等，从而提升用户体验并增强数据展示的能力。在"GridManager-master"这个压缩包中，包含了GridManager项目的源代码和其他相关...

HTML表格布局: `让表格充满其容器。 4. **控制图片大小**：可以使用CSS的`width`和`height`属性限制图片大小，使其适应单元格。例如： ```css td img { width: 100px; height: auto; } ``` 这将确保图片宽度固定，高度按...

table-of-contents-template-3.zip_Table_desds: 【标题】"table-of-contents-template-3.zip" 提供的是一个表格目录模板，而“Table_desds”可能是描述中的拼写错误，应当是“表格描述”或“表格设计”的意思。这个压缩包可能包含了一个用于指导如何创建或设计表格...

拿什么来拯救你，我的table(海玉博客): 通常，我们会设置它们为0以消除默认样式，`width`属性则用来定义表格的宽度，常设为100%使表格充满其容器。 `table-layout: fixed`属性是值得特别注意的一个CSS属性。在默认的`auto`模式下，表格的列宽会根据内容...

Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统: `.container`会使内容居中，而`.container-fluid`则会让内容充满整个视口。 3. 定义行和列：在容器内，使用`.row`类创建行。然后在行内添加列，每个列都用`.col-*-*`类定义。例如，`<div class="col-xs-2">`定义了...

jQuery Datatables表头不对齐的解决办法: 1. **全局设置表格宽度**：可以为`<table>`标签添加CSS规则，强制设置表格的宽度为100%，使其始终充满容器宽度。这样能确保表格随着容器大小的变化而自适应。例如： ```css #example { width: 100% !important; ...

PHP网站使用JavaScript和Iframe简单实现部分刷新效果1: 在网页开发中，部分刷新是一种常见的优化用户体验的技术，它可以减少整个页面的重新加载，仅更新需要变化的部分。本篇文章主要介绍了如何使用PHP、JavaScript和Iframe来实现这一效果。首先，我们要理解页面布局的...

网页制作与网站建设从入门到精通: 接下来是表格（Table）的应用，HTML中的`<table>`元素用于创建表格，用于展示数据或者布局页面。通过`<tr>`（行）、`<td>`（单元格）和`<th>`（表头）等标签，可以构建出复杂的表格结构。虽然现代网页设计倾向于使用...

网页设计学习笔记: - `<table>`用于创建表格，可以设置行、列和单元格。 - `<font>`标签用于控制字体样式，虽然在HTML5中已不推荐使用，但Dreamweaver仍支持它，可以设置字体、大小和颜色。 - `<a>`标签创建超链接，`href`属性定义...

html表白用的免费源代码-test-master.zip: 7. **表格元素**：虽然不常用，但`<table>`、`<tr>`、`<td>`可以用来创建布局，例如时间轴展示共同度过的时光。 8. **表单元素**：`<form>`、`<input>`、`<button>`等可以创建互动的表白表单，比如让接收者输入名字...

网页设计HTML基础教程: 它构成了互联网上大部分页面的基础，让开发者可以通过文本、图像、链接等元素构建出丰富多彩的网页。本教程旨在为初学者提供一个全面的HTML基础知识入门，帮助你们理解并掌握网页设计的核心技能。一、HTML结构 ...

web前端期末大作业 HTML+CSS+JavaScript仿唯品会购物商城网页设计实例企业网站制作: - 网页设计采用了鲜艳且充满活力的颜色，使整个页面看起来更加吸引人。 - 色彩的使用不仅仅是为了美观，还可以帮助区分不同的区域或强调重要的信息。 - **Logo设计**： - 项目中包含了Logo的设计，这有助于建立...

html css js测试题-副本讲解.docx: 6. 要让表格中的图像充满整个单元格，可以使用`width="100%"`，所以选项d) 是正确的。 7. `input`元素的`type`属性包括`text`、`radio`、`select`、`file`、`password`、`textarea`、`hidden`和`checkbox`，但不包括...

dany67564siiii9:Basi HTML页面: 它构成了互联网上大部分页面的基础，让开发者可以通过文本和标记来构建具有丰富内容和结构的网页。在本主题“Basi HTML页面”中，我们将深入探讨HTML的基本概念、结构以及如何创建一个简单的HTML页面。 1. **HTML...

html css js测试题-副本讲解.pdf: 6. 要使图像充满整个单元格，可以使用CSS的`width="100%"`属性，选项D正确。 7. `input`元素的类型包括`text`、`radio`、`password`、`file`、`checkbox`等，但不包括`select`和`option`，选项C和J不是输入类型。 8....

青软实训web考试题.pdf: 14. 图像充满单元格：在HTML中，要使图像充满整个单元格，可以设置`width=100%`。 15. 获取同名表单元素：`document.getElementsByName()`可以选取所有名字相同的表单元素。这些知识点涵盖了HTML和CSS的基础语法...

HTML基础实例教程: `<table>`、`<tr>`（行）、`<th>`（表头）和`<td>`（单元格）用于创建表格。`<caption>`添加表格标题，`<thead>`、`<tbody>`和`<tfoot>`分别定义表头、主体和页脚部分。 7. 块级与内联元素：块级元素如`<div>`和...

Intro To HTML.pdf: ... ... ...它通过一系列预定义的元素来描述文档内容的结构和语义，这些元素被称为“标签”。...`<html>`标签是整个HTML文档的根元素；`<head>`部分包含文档的元数据，如标题、字符集...让我们一起探索这个充满无限可能的世界吧！

web前端期末大作业——网页制作基础大二dw作业——动画漫展学习资料电影模板).md: - **Table布局**：尽管现在较少使用Table来进行布局，但在某些情况下，它仍然是一个有效的布局选项，尤其是在需要精确控制表格数据呈现的情况下。 - **导航栏效果**：导航栏是网页中非常重要的组成部分，通过CSS...

Global site tag (gtag.js) - Google Analytics