`

表格布局的学问

阅读更多

在border-collapse:separate的模式下,也就是默认情况下,表格是分离边框模式

表格行是没有边框的


所以对tr设置边框是没有任何效果的,不过background属性仍然是有效的
 

在border-collapse:collapse模式下是可以指定表格式行边框的,会对应内部单元格的上下边框,不过在IE6下不行,仍然不能指定行边框,这时候可以设置单元格的上下边框来弥补

在标准浏览器中内部元素的边框会覆盖外部元素的边框,在IE6中却是反过来,外部的边框覆盖内部的边框,这时候可以对外部元素设置border-color:transparent来弥补

在标准浏览器中有一个 border-spacing属来可以设置单元格边框间的矩离,IE6没有这个属性,可以用table标签的cellspacing来代替一下,CSS的优先级要比标签属性的高,在边框合并模式下border-spacing是无效的,cellspacing也是无效的,不过IE6会出现怪异的情况




  • 大小: 1.7 KB
  • 大小: 1.6 KB
  • 大小: 28.5 KB
  • 大小: 15.5 KB
分享到:
评论

相关推荐

    动态表格布局源码

    在IT行业中,动态表格布局是一种常见的用户界面设计技术,它允许用户通过拖曳操作来自由地添加、删除和调整表格中的行、列以及单元格,从而实现高度自定义的界面布局。这种技术常用于数据管理和分析应用,因为它能...

    ext表格布局小例子

    ### ExtJS 表格布局小例子详解 #### 一、简介 本文档旨在解析一个具体的 ExtJS 表格布局小例子,重点介绍其中涉及的数据存储、数据删除与添加的方法。ExtJS 是一款强大的 JavaScript 框架,用于构建交互式的前端...

    【Android Studio代码】表格布局

    用Android Studio 2.3.3做的表格布局例子,主要用到、标签,还有android:shrinkColumns="0,1,2"、android:layout_column="0"等设置。

    DIV 实现表格布局

    在网页设计中,传统的表格布局通常使用`<table>`、`<tr>`、`<td>`等HTML标签来实现,但随着CSS技术的发展,我们可以通过使用`div`元素结合CSS样式来实现类似表格的布局,这被称为“CSS布局”或“DIV布局”。这种布局...

    使用表格布局与线性布局实现分类工具栏

    例如,我们可以先使用线性布局将工具栏整体横向排列,然后在每个分类区域内嵌套一个表格布局,这样既能保持整体的水平布局,又能利用表格布局的特性灵活控制每个分类的样式。同时,为了使工具栏在不同屏幕尺寸上都能...

    基于elementui的form表单实现的一个高拓展性的表格布局组件

    4. **响应式设计**:为了适应不同的屏幕尺寸,我们可以利用Element UI的栅格系统(Row和Col组件)进行布局,配合Vue.js的条件渲染(v-if/v-else)和计算属性,实现响应式的表格布局。这样,无论是在大屏桌面还是小屏...

    Android 表格布局

    ### Android表格布局详解 在Android开发中,布局是构建用户界面的基础。为了适应不同场景的需求,Android提供了多种布局方式,其中“表格布局”(Table Layout)作为一种常用的布局方式,在处理表格数据展示时尤为...

    17表格布局

    在Android开发中,表格布局(TableLayout)是一种常用的方式来组织和展示数据,它允许开发者以二维表格的形式排列视图组件,如按钮、文本视图等。表格布局是Android框架中的一个视图组类,继承自LinearLayout,提供...

    024_UI_布局 之帧布局-表格布局

    本节我们将深入探讨两种常见的布局方式:帧布局(Frame Layout)和表格布局(Table Layout),这些都是Android开发中不可或缺的基础知识。 **帧布局(Frame Layout)** 帧布局是最基础的布局之一,它的主要特点是...

    丰富的表格布局

    `TableLayout`是Android提供的一种布局方式,它允许开发者创建类似于HTML中的表格结构的界面。在这个程序示例中,我们将深入探讨`TableLayout`的使用方法及其在Android Studio中的实现。 `TableLayout`是Android的`...

    Android移动应用开发表格布局TableLayout的特点.pdf

    在Android移动应用开发中,表格布局(TableLayout)是一种强大的布局工具,它允许开发者以类似电子表格的方式组织UI元素。TableLayout以其灵活性和可扩展性,成为了创建复杂界面的一种有效方式。下面将详细探讨...

    《表格布局网页》课件.pdf

    《表格布局网页》课件是针对网页设计初学者的一份重要的学习资料,主要讲解如何使用表格来布局网页,这是早期网页设计中常见的方法,虽然现在CSS布局已经非常流行,但表格布局仍然在某些场景下被使用。以下是该课件...

    Android 表格布局实例应用

    在Android开发中,表格布局(TableLayout)是一种常用的布局方式,尤其在展示数据时非常实用。本实例将探讨如何在Android应用中运用表格布局,并通过实际的代码示例来展示其工作原理和实现方法。 首先,`...

    Android开发菜单布局之表格布局示例

    Android 开发菜单布局之表格布局示例 Android 开发菜单布局之表格布局是 Android 应用程序中常用的布局方式之一。表格布局(TableLayout)是一种特殊的 ViewGroup,它可以让我们创建出类似于表格的布局结构。下面...

    android Activity布局初步(一)- 线性、表格布局

    本篇文章将聚焦于Activity中的布局管理,特别是线性布局(LinearLayout)和表格布局(TableLayout),这两种布局方式是Android开发中最基础且常用的布局类型。 线性布局(LinearLayout): 线性布局按照垂直或水平...

    gtk_表格布局

    在本项目“gtk_表格布局”中,我们将深入探讨如何使用C语言在Linux环境下通过GTK库来创建和管理表格布局。 表格布局在GUI应用程序中非常常见,用于展示数据或让用户输入信息。GTK提供了一个名为`GtkTable`的容器 ...

    html表格布局实例.pdf

    虽然现在W3C推荐使用CSS进行布局,但表格布局仍有其独特的应用场合。 在HTML中,`<table>`元素用于创建表格,它包含了表格的结构,如表头`<thead>`、主体`<tbody>`、表脚`<tfoot>`等。在实例中,我们看到一个简单的...

    Android的表格布局代码.zip

    在Android开发中,表格布局(TableLayout)是一种常用的布局方式,它允许开发者以二维表格的形式组织用户界面元素。表格布局可以很好地展示数据,特别是在需要显示行列关系时,比如设置一个简单的计算器界面。以下是...

    应用表格布局管理器实现喜马拉雅的用户登录页面

    应用表格布局管理器实现喜马拉雅的用户登录页面 在 Android 开发中,表格布局管理器是一个非常重要的组件,它可以帮助我们快速地创建复杂的用户界面。在本实验中,我们将使用表格布局管理器来实现喜马拉雅的用户...

    Android学习笔记13:表格布局管理器TableLayout

    在Android开发中,表格布局管理器(TableLayout)是一种常用且强大的组件,它允许开发者创建类似于HTML中的表格的布局。TableLayout是LinearLayout的扩展,它通过行和列的方式来组织子视图(Views)。本篇学习笔记将...

Global site tag (gtag.js) - Google Analytics