使用CSS修改TD或TR的高度（height）或宽度（width）

最新推荐文章于 2024-05-29 16:23:27 发布
最新推荐文章于 2024-05-29 16:23:27 发布
阅读量7.1k 收藏 1
点赞数
分类专栏： 网站_原创区 文章标签： css table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lslxdx/article/details/6319113
版权

如果你的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

 

lslxdx
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css table自动布局下<td>宽度计算
CodingPoorCat的博客
08-16 1万+
关于td的宽度在table自动布局情况下的变化，好像并不像CSS权威指南说的那样。经过一番测试计算最终发现计算方法如下： 在css权威指南中对于单元格宽度计算和设置方法如下: 测试用例： 1.表宽度为auto时<table class="test-tdwidth"> <tr> <td>r1-c1</
linux plot 文件_【Linux】gnuplot命令大全
weixin_31022063的博客
12-24 1799
在linux命令提示符下运行gnuplot命令启动，输入quit或q或exit退出。plot命令gnuplot> plot sin(x) with line linetype 3 linewidth 2 或gnuplot> plot sin(x) w l lt 3 lw 2 %用线画，线的类型(包括颜色与虚线的类型)是3，线的宽度是2，对函数sin(x)作图gnuplot> pl...
设置table的tr高度，第一行固定高度，其余高占满父级高度
最新发布
m0_68275786的博客
05-29 296
设其他行高度为100%
css-如何设置table中tr的高度
热门推荐
路漫漫其修远兮
01-18 2万+
设置tr的高度可以通过给td设置高度去改变tr的高度。 tr的高度会随着内容的改变而改变但是给td设置高度后tr的最小高度就是td的高度。  
如何给tr加css,如何添加一个tr的css属性取决于td
weixin_42116058的博客
08-03 654
我想将类应用于tr，具体取决于表中的td单元值。如何添加一个tr的css属性取决于td我的HTMLNameFavorite color statusJamesredfalseJohnbluetruevar cellIndexMapping = { 2: true };$("table.k-focusable tbody tr").each(function (rowIndex) {$(this)....
css中设置th的高度无效
weixin_30632883的博客
07-10 1204
问题：在css中设置th,td有时高度无效，当列数过多会自动缩放 原因未知 解决方法：css设置 th,td{ min-width:50px; } 引出新问题：1.html各个标签的高度与宽度如何计算，如果没有设置宽高如何自适应？2.某些标签在什么情况即使设置了宽高也会失效？ 转载于:https://www.cnblogs.com/sz-toosimple/p/11164557.htm...
table中如何用CSS控制<tr>><td>的宽度和高度
happyzpx
01-11 4647
table中如何用CSS控制&lt;tr&gt;&gt;&lt;td&gt;的宽度和高度 给table设置一个mian 代码如下 &lt;style type="text/css"&gt; .main td{ height:30px; border:#CCCCCC 1px solid;} &lt;/style&gt; &lt;table width="100%" b
关于html中table表格tr,td的高度和宽度
weixin_34417814的博客
08-08 1784
关于html中table表格tr,td的高度和宽度 关于html中table表格tr,td的高度和宽度 做网页的时候经常会遇到各种各样的问题，经常遇到的一个就是会碰到表格宽度对不齐的问题。首先，来分析一下这三个标签中height和width的区别：  1、table中的width和height设置及其作用： table中设置的height其实是设置一个最小值，也就是当表...
HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT
09-28
如果使用百分比，如`WIDTH="50%"`，则表格宽度将占其容器（通常是浏览器窗口）的50%。需要注意的是，如果表格内部存在嵌套表格，百分比宽度将会相对于嵌套表格的父单元格宽度计算。 **高度属性（HEIGHT）** 同样，`...
html 表格单元格的宽度和高度的设置方法
09-22
2. **CSS样式方法**：通过CSS类来设定单元格的宽度和高度，例如`.td {width: 100px; height: 50px;}`，然后在td标签中引用类名`<td class="td">`。 3. **CSS溢出控制**：如果需要限制单元格内容的大小，可以使用`...
CSS未知高度垂直居中的实现
09-22
在CSS布局中，垂直居中是一项常见的需求，尤其当元素的高度未知时，实现起来更具挑战性。本篇文章主要探讨了几种在CSS中实现未知高度元素垂直居中的方法。这些方法在不同浏览器间可能存在兼容性问题，但通过适当的...
谈一谈HTML中table、tr、td标签的width和height
葉無聞
11-30 1万+
一般我们利用HTML中table做表格式，经常会遇到table、tr、td标签的width和height问题，而有时候发现在对tr、td设置宽度或高度时没有效果，其实这就是表格标签的特殊性，他们几个互有联系，互有制约，例如table的宽度限制了tr的宽度，table的高度又受tr高度的影响等等。所以要解决这类问题，需要知道在设置table、tr、td的width和height上需要注意的问题，具体...
html 设置td最小宽度,如何设置td标签的宽度和高度
weixin_39943442的博客
05-30 5486
table中如何用CSS控制>的宽度和高度标签改变宽度如何设置html td 的宽度比例统一？就是td里面的内容多少不一致是，td都是按照固定的比例的，就是td的宽度需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入html代码： 135245345353 4545654656浏览...
纯css怎么控制一个div的高度跟随另外一个DIV高度发生变化
zml_2622798617的博客
02-22 1万+
实现的效果大致是这样的:左右两个div左边div的高度随着右边的高度发生变化，当两者的最大高度都不超过屏幕高度时整屏显示，当右边高度发生变化时候那么左边的高度跟随其发生变化：实现的关键点有两点：1 合理运用min-height   2 padding-bottom:9000px;margin-bottom:-9000px;两者的结合运用。下面贴上源码仅供参考; Document
css根据内容自动调整td高度,css – 如何使div高度100％内部td的100％
weixin_31002509的博客
08-03 1681
这个问题似乎在stackoverflow上至少有10次,但是其中一个实际上没有答案.这一点略有不同,因为问题出现在Firefox中.我的桌子高度为100％,高度为100％.我把td的边界设置成可以看到的东西.我看到td是预期的100％.我把一个div放在那个td里,把它设置为100％.在Chrome中是100％.在Firefox中不是100％.我该如何解决？例body,html {width: 1...
table中tr间距的设定table合并单元格 colspan（跨列）和rowspan（跨行）
weixin_34408624的博客
03-23 1705
table中的tr的默认display:table-row，虽然可以修改为display：block但是就失去了tr特有的显示效果，如(td自动对齐)； 并且在tr中对起设定padding是有用的，可以增加内边距，但是设定margin是没有用的，tr的外间距依然是0； 解决方案： css的两个属性：border-collapse:collapse / separate  &amp; bo...
html表格固定行高_html – CSS – 在tr上固定高度和在桌子上固定高度？
weixin_42510608的博客
02-15 1622
我需要有一个具有固定高度的行的表,并且该表本身必须具有固定的高度.例如,所有行的高度为8px,表的高度为400px.如果行的总行数少于表的总高度,则表的剩余部分应该像间隙一样.但是如果我在桌面上设置固定高度,css会自动重新调整行高.我需要表格看起来像这样：|row |cont ||row |cont ||row |cont || || ||...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值