<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Table test</title>
<style type="text/css">
<!--
td { text-align:center;font-size:12px;padding:3px;}
.Freezing_tdd
{
top:expression(document.getElementById('div_dgTittle3').scrollTop-1);
position:relative ;
z-index:100
}
.FreezingCol_th
{
LEFT: expression(document.getElementById('div_dgTittle3').scrollLeft-1);
POSITION: relative;
z-index:100
}
-->
</style>
</head>
<body>
<div id='div_dgTittle3' style=' HEIGHT:90px;WIDTH:220px;OVERFLOW:auto; ' >
<table id="table1" bordercolor="#000000" width="200" border="0">
<tbody>
<tr class="Freezing_tdd" bgcolor="#DEE7FE">
<td width="25%">1</td>
<td width="25%">11</td>
</tr>
<tr>
<td>2</td>
<td>22</td>
</tr>
<tr>
<td>3</td>
<td>33</td>
</tr>
<tr>
<td>4</td>
<td>44</td>
</tr>
<tr>
<td>5</td>
<td>55</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
分享到：
相关推荐
`div`配合`CSS`（层叠样式表）可以实现更灵活、更精确的页面控制，使设计者能够摆脱传统表格布局的限制，实现响应式设计和更好的网页可访问性。 CSS，即Cascading Style Sheets，是用于描述HTML或XML（包括如SVG、...
本文将深入探讨`DIV+CSS`布局的优势、劣势，并通过实例解析其工作原理，以及如何实现固定头部（hd）和底部（ft）的布局。 一、`DIV+CSS`布局简介 `DIV`是HTML中的一个块级元素，常用于作为容器，组织网页内容。而`...
3. **实践操作**：通过编写简单的网页，逐步实践Div + Css布局，从简单的两栏布局到复杂的多列布局。 4. **调试和优化**：学会使用浏览器的开发者工具进行样式调试，以及如何优化代码以提高性能。 文件...
- **网页重构：** 将表格布局转换为DIV+CSS布局，提高页面性能。 - **响应式网页设计：** 通过DIV+CSS实现不同设备上的良好视觉体验。 通过深入学习和实践这些知识点，你将能够熟练掌握DIV+CSS技术，构建美观且...
7. **Grid布局**：CSS Grid布局则适用于二维布局，可以同时处理行和列，适用于创建复杂的、网格状的布局结构，如杂志式设计或自定义的网格系统。 在学习`DIV+CSS`经典布局时，理解并熟练掌握以上布局模式及其原理至...
`<div>`是一个无语义的容器，可以容纳文本、图像、表格等其他HTML元素，并通过CSS来控制其样式和位置。`<div>`的灵活性使得它成为构建复杂网页结构的关键工具。 CSS，即层叠样式表，是定义网页外观和布局的语言。它...
在CSS+DIV布局中，基本布局的种类主要包括固定宽度布局和宽度自适应布局这两种主要方式。 固定宽度布局，顾名思义，指的是布局宽度固定不变，不随浏览器窗口大小变化而自动调整。这种布局通常用于需要精确控制页面...
综上所述，HTML5、CSS3和DIV+CSS布局技术是现代前端开发不可或缺的核心技术之一，它们为前端开发者提供了强大而灵活的工具，帮助他们创建既美观又功能完善的网站。同时，选择合适的开发工具和遵循良好的编码实践也是...
在Vue移动端项目中，开发人员经常遇到需要创建具备固定表头和首列的表格，以提供良好的用户体验。本文将详细讲解如何在不依赖任何UI框架或插件的情况下，利用Vue的核心特性实现这样一个功能。 首先，我们需要理解...
HTML中的`div`元素结合CSS（层叠样式表）是网页设计中常用的技术，用于布局和样式控制。以下是对一些核心CSS属性的详细介绍： 1. **布局排版类**： - `float`: 这个属性允许元素在容器内浮动，通常用于创建多列...
- **一个有用的表格边框属性**：`border-collapse`用于控制表格边框的合并。 - **应用边框属性的实例**：实际例子展示如何使用边框属性。 #### 边界属性 - **边界属性**：`margin`属性及其四个方向的细分。 - **...
- **Table布局**: 尽管不建议在现代网页设计中广泛使用，但仍然适用于简单的数据展示表格。 - **导航栏效果**: 创建一个美观且易于使用的导航栏，可能包括固定位置、下拉菜单等功能。 - **Banner设计**: 页面顶部的...
总之，CSS+DIV网页设计是现代网页开发不可或缺的一部分，它使得网页设计更加灵活、高效，也为我们提供了创建美观、动态和适应性强的网页的可能。通过深入学习和熟练掌握这些技术，开发者可以创造出更具用户体验的...
然而，当表格列数过多时，为了保持关键信息的可见性，用户希望前面几列能够固定不动，即使滚动也能看到。这就是所谓的“固定列”功能。本文将探讨如何使用HTML、CSS和JavaScript来实现一个兼容各大浏览器的表格固定...
HTML5_html表头固定不滚动而内容滚动的效果，表格是基于Div CSS实现的，将表头固定住不滚动，而表格里面的每行数据随滚动条滚动。在显示较多数据时，当用户滚动鼠标中轮时，表格内容会滚动，而表头固定不变，可以将...
在这种情况下，保持表头（thead）固定不动可以使用户更容易理解数据的结构。本篇文章将详细讲解如何利用JavaScript（js）、CSS（层叠样式表）和HTML（超文本标记语言）来实现这一功能。 首先，我们来看CSS部分。在...
在IT领域，尤其是在网页开发中，表格是一种常见的...这种轻量级的解决方案对于处理大型表格数据，尤其是移动设备上的网页应用，具有很高的实用价值，因为它不需要依赖额外的库或框架，降低了页面加载时间和内存占用。