`
guoyiqi
  • 浏览: 1024604 次
社区版块
存档分类
最新评论

使用CSS修改TD或TR的高度(height)或宽度(width)

 
阅读更多

如果你的TABLE是使用CSS设置的高度和宽度,而且很不幸使用的是百分比的方式,而且你恰好没有使用百分比的方式设置TD或TD的高度或宽度,那么你会发现CSS失效了!

解决方法是:

如果你使用的百分比设置的TABLE的高度或/和宽度,那么也一定要使用百分比的方式设置TD和TR的高度或/和宽度。

参见:

CSS中设置表格TD宽度的问题集

http://www.syscy.com/articleview/2009-2-24/article_view_672.htm

TD的高度自动适应Table怎么做??

http://topic.csdn.net/t/20061128/16/5191565.html

分享到:
评论

相关推荐

    表格单元格合并问题1

    接下来,我们讨论`width`和`height`属性在`table`、`tr`和`td`中的应用: - `table`中的`width`和`height`: - `width`设置的是表格的最大宽度,一旦内部内容的宽度超过此值,表格宽度不会增加。但若内部是图片,...

    HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT

    本教程将深入讲解如何使用HTML中的`<TABLE>`标签的`WIDTH`和`HEIGHT`属性来设置表格的宽度和高度。 首先,我们要了解默认情况下,HTML表格会根据其内容自适应地调整宽度和高度。然而,为了更好地控制表格的布局和...

    CSS+DIV教程

    本篇文章将重点介绍如何使用CSS来控制元素的高度,包括CSS高度的基础概念、自适应高度设置方法、固定高度设置以及最小高度的实现技巧。 ### 一、CSS 高度基础知识 #### 1. CSS 高度定义 - **高度属性**:`height`...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    前台制作采用标签制,分为系统标签和用户自义义标签两种,系统标签是自代的,用户不可以修改,而自定义标签则是用户根据相应的功能自己定制出来的,固此,可以自行删除或修改! 4、秉承JAVA开源理念,本新闻发布系统...

    用CSS设置表格边框的语法详解 txt

    除了边框,还可以使用`width`和`height`属性来设定表格或单元格的宽度和高度。当值设为`auto`时,宽度和高度会根据内容自动调整。例如: ```css table { width: 80%; /* 占据容器80%的宽度 */ } td { height: 50...

    使用HTML开发商业网站-CSS控制单元格宽和高课件.pptx

    如果同一行中的单元格定义了不同的高度,或者同一列中的单元格定义了不同的宽度,最终的宽度或高度将根据这些单元格中的最大值来确定。这意味着即使为某个单元格设定了特定的宽高,如果相邻单元格的尺寸更大,实际...

    韩顺平html+css+javascript-----div+css笔记

    本笔记主要介绍了DIV+CSS的基本概念和应用,涵盖了DIV的介绍、CSS的基本语法、CSS的分类、使用CSS统一网站风格、使用滤镜等内容。 DIV+CSS是什么? ---------------- DIV是HTML中的一个元素,用于存放HTML元素、...

    用css制作极细表格

    2. **调整边框宽度**:根据实际需求微调边框的宽度,比如设置为0.5像素或使用CSS3的`border-width`的细节点来进一步细化边框。 3. **使用伪元素**:利用CSS的伪元素(如`:before`和`:after`)来添加额外的装饰线条,...

    css+html数独九宫格制作

    对于数独九宫格,我们可以使用`<table>`元素来创建表格结构,`<tr>`表示表格行,`<td>`表示单元格。例如: ```html <tr> <td></td> <td></td> <td></td> <!-- 重复以上3个<td>标签8次以完成第一行 --> </tr>...

    html 表格单元格的宽度和高度的设置方法

    2. **CSS样式方法**:通过CSS类来设定单元格的宽度和高度,例如`.td {width: 100px; height: 50px;}`,然后在td标签中引用类名`<td class="td">`。 3. **CSS溢出控制**:如果需要限制单元格内容的大小,可以使用`...

    DIV CSS基础教程全攻略

    `height`属性是CSS中用于设定元素高度的关键属性,它允许开发者精确地定义元素占据的垂直空间。高度可以设置为具体数值,如像素(px)、百分比或其他相对单位,例如em。 例如: ```css .yangshi { height: 300px; ...

    css3锯齿花边价格表

    "css3锯齿花边价格表"这个标题可能是指一个示例或者教程,展示如何使用CSS3来创建具有锯齿状边缘的价格表。这种设计方法通常涉及到边框样式、伪元素和背景图像等技术。 首先,CSS3中的`border-style`属性允许开发者...

    纯CSS实现表头固定表格滚动条效果

    height: /* 设置一个固定高度,或者百分比 */; /* 根据需要调整 */ } ``` 为了兼容不同的浏览器,可能还需要添加一些前缀和调整。例如,对于IE9及以下版本,我们需要使用`-ms-`前缀处理`position: fixed`,因为...

    利用CSS仿Excel表格的效果

    6. **行高和列宽**:使用`height`和`width`属性来设定行和列的大小。如果希望列宽均匀,可以使用CSS的`colgroup`和`style`属性。 7. **悬停效果**:通过`:hover`伪类,当鼠标悬停在单元格上时,可以改变其背景色或...

    漂亮的表格css+html

    5. **表格宽度与高度**:`width`和`height`属性可设定表格尺寸,`max-width`和`min-width`控制其最大最小宽度。 6. **表头样式**:`th`元素可以有特别的样式,如加粗字体或不同背景色,以区别于普通单元格。 7. **...

    CSS美化友好的表格

    此外,表格的宽度和高度可以通过`width`和`height`属性进行控制,也可以使用`max-width`和`max-height`限制其最大尺寸。如果希望表格自适应内容,可以使用`table-layout: fixed`配合`width`属性。 在处理表格内边距...

    CSS+HTML日历制作

    可以设置表格边框、单元格的宽度和高度,以及字体样式等。例如: ```css table { border-collapse: collapse; } th, td { width: 30px; height: 30px; text-align: center; border: 1px solid #ccc; } th { ...

    jsp网上支付系统 网上支付系统

    <td width="130" height="25" class="left_content">我的电子货币首页</a></td> </tr> <tr> <td width="15" height="25" class="left_content"> </td> <td height="25" class="left_content">帐户管理</td...

    web开发表格CSS

    3. **表格宽度和高度**:`width`和`height`属性可用来设置表格或单元格的尺寸。`table {width: 100%;}`可以让表格充满其容器的宽度。 4. **对齐方式**:`text-align`用于设置文本的水平对齐,如`text-align: center...

Global site tag (gtag.js) - Google Analytics