`
strangeromo
  • 浏览: 64562 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

table相关的一些css

    博客分类:
  • css
阅读更多

1 apply tr border to tables in internet explorer 6

table {border-collapse:collapse;//merge borders of cell}
td {border-bottom:1px solid #0f0;}

 

2 padding and margin on table


padding:ie不支持padding
margin:table 的上下 magin 和 div 的 magin 重叠了,以至于伸出 div 的 margin 之外。
具体参考 CSS 规范中关于 margin collapsing 的部分,或者用这个关键字google一下也应该能找到很多相关内容。
按照规范而言,table 以及很多其他的 box 是不应该出现 margin collapsing 的,但 IE 的 border collapsing 是按照自己的一套规则处理的,这里就体现在它对 table 依然作了处理。
解决方法是给外围的 div 添加 layout,添加 layout 的方法有很多,比如赋予宽高,position:absolute,float,zoom等等。

转自:table对padding和margin的解释应该是怎么一回事的?

 

分享到:
评论

相关推荐

    好看table样式 好看的CSS——Table样式表

    网络上收集的css table样式 好看table样式 好看的CSS——Table样式表

    HTML Table 漂亮的CSS

    在网页设计中,HTML表格(Table)是一种常用的数据展示方式,而通过应用合适的CSS(Cascading Style Sheets)样式,我们可以让这些表格看起来更加美观、专业。本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS...

    Table转div+css工具

    在网页设计领域,布局方式的发展经历了从表格(Table)到层(Div)+CSS的转变。"Table转div+css工具"就是专为此目的而设计的一款实用软件,它能够帮助开发者将原有的基于表格的HTML代码转换成使用Div和CSS进行布局的...

    Table Layout in CSS epub

    Table Layout in CSS 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除

    CSS.table.rar_Table_css table_table css_表格css

    以下是一些关于"CSS.table.rar_Table_css table_table css_表格css"中涉及的关键知识点: 1. **表格元素基础**: - `<table>`:这是HTML中创建表格的基本标签,用于定义表格的结构。 - `<tr>`:表示表格行(Table...

    CSS样式TABLE的一些特效

    在这个主题“CSS样式TABLE的一些特效”中,我们将深入探讨如何利用CSS来增强表格的视觉吸引力和交互性。 1. **表格边框与填充** - `border-collapse`: 这个属性用于设置表格单元格之间的边框合并方式。默认情况下...

    table2css-3.10.3

    总的来说,"table2css-3.10.3"是一个实用的工具,能够帮助开发者将过时的表格布局升级为现代的CSS布局,提升网页设计的质量和响应性。通过充分利用其功能,用户可以在不牺牲内容可读性的情况下,使网站更加符合当代...

    Table2CSS表格转CSS+DIV布局工具

    【标题】"Table2CSS表格转CSS+DIV布局工具"是一款专为网页设计者打造的实用软件,旨在帮助用户将传统的HTML表格布局转换为更现代、更灵活的CSS(层叠样式表)与DIV(定义文档结构的HTML元素)布局。这种转换能够提升...

    漂亮的Table CSS

    以下是一些关于Table CSS的重要知识点: 1. **基础样式**:首先,可以使用`border-collapse`属性合并单元格边框,创建更整洁的外观。例如,`border-collapse: collapse;`将消除边框之间的间距。 2. **背景色与边框...

    漂亮的table样式(内附css)

    "漂亮的table样式(内附css)"这个主题就是围绕如何使用CSS为HTML表格添加吸引力,使其更加美观和专业。 首先,我们需要了解HTML表格的基本结构,它由`<table>`元素开始,然后包含`<tr>`(行)元素,每个`<tr>`中...

    dragtable.css

    bootstrap-table拖拽需要dragtable.css,jquery.dragtable.js,jquery-ui.js,bootstrap-table-reorder-columns.js

    table 圆角 html5 css3

    本文将深入探讨如何使用HTML5和CSS3实现表格的圆角效果,以及相关的知识点。 首先,HTML5虽然在语义化标签方面有重大改进,但对于表格的基本结构并没有做太多改变。一个基本的表格仍然由`<table>`、`<tr>`(行)、`...

    CSS控制table表头

    CSS控制table表头

    纯css实现table滚动条(纯css实现div滚动条)

    纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.

    table转div、table转css

    "msvcr80.dll"、"msvcp80.dll"、"unicows.dll"、"atl80.dll"是微软Visual C++运行时库的相关文件,这些动态链接库(DLL)是许多Windows应用程序运行所必需的,它们提供了C++标准库和一些特定的编程功能。在这个情况...

    table布局网页转换为div+CSS布局的转换软件

    5. **优化代码**:最后,软件可能会对生成的`div+CSS`代码进行一些优化,如减少冗余、提高可读性等。 在实际使用中,需要注意的是,尽管自动化转换可以节省大量手动重构的时间,但转换后的代码可能需要进一步的人工...

    好看的css table列表样式

    好看的css table列表样式

    好看的css table样式

    在这个主题中,我们聚焦于“好看的css table样式”,这在创建报表、数据展示以及各种信息汇总的网页中尤其重要。 一个美观的CSS表格不仅需要清晰易读,还要具有良好的可读性和吸引力。下面我们将深入探讨如何使用...

    css table 表格标签

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现样式的语言,而HTML中的`<table>`标签则是用来创建表格布局的重要元素。`<table>`标签允许我们构建复杂的表格结构,包括行(`<tr>`)、列(`...

    h5 table自动滚动的方法css

    h5 table自动滚动的方法css

Global site tag (gtag.js) - Google Analytics