html单元格分割,html – 拆分td在两个

我试图拆分一个TD(表格单元格)看起来好像是两个单元格.问题是当细胞在高度上生长时,我不能使两个div在里面占据所有可用的高度.由于这些单元格可以动态生长,因此无法设置固定高度(可以解决问题).

这是我的代码：

JS Bin

article, aside, figure, footer, header, hgroup,

menu, nav, section { display: block; }

td { border: 1px solid black; width: 50px; text-align: center; margin:0; padding:0 }

#span1 { background-color: #DDD; width: 25px; float: right; }

#span2 { background-color: #EEE; width: 24px; float: left; }

.t { border-top: 1px solid black; }

.r { border-right: 1px solid black; height: 100%; }

1	2	3 1 1	4
1	2	3 3	4
1	2 2 2 2 2 22 2	3 3	4
1	2	3 3	4
1	2 2 2 2 2 2 2 2	3 3	4

这是它的外观：

我不想在第3列中看到这些空白.

任何想法如何解决？

到目前为止,我一直在和CSS打架一段时间没有运气…

谢谢！.

html单元格分割,html – 拆分td在两个相关推荐

Excel 分列 - 单元格的数据拆分
Excel 分列 - 单元格的数据拆分在 Excel 中,分列功能可以把一个单元格的数据拆分到至少两个单元格中.拆分的依据有两种:分隔符号.固定宽度. 选中需要分列的单元格数据 -> 分列 ...
计算机基础知识教程excel单元格拆分,电脑内怎么将excel表格中某个单元格的内容拆分至不同单元格里...
电脑内怎么将excel表格中某个单元格的内容拆分至不同单元格里当我们在使用电脑的时候,可以下载excel软件来处理数据文件,那么如果想要将一个单元格中的内容拆分到不同的单元格中的话,应如何操作呢?接 ...
分列：将excel单元格的内容拆分为两列
提要:处理excel数据时有时需要把单元格的内容拆分为两列,可能方便外部软件的链接,可能使数据显示更明晰等等,有人说直接剪切加粘贴不就可以了吗,但是有时数据过多,这样处理很不效率,网上搜索的方法说插入 ...
Excel单元格内容如何拆分？
需要统计一些数据的时候,我们可能只需要一列数据中的一部分数据,这种情况下,我们如何快速拆分出数据呢?今天和大家分享,如何拆分单元格中的内容!很简单,一下就搞定了~ 打开excel表格,选中需要拆分的单 ...
单元格内容分列多行_Excel单元格内容怎么拆分成多行
在 Word 中,可以把一个单元格拆分为多个单元格甚至拆分为一个表格:而Excel拆分单元格与Word不同,在Excel中,只能把合并后的单元格拆分.拆分方法有两种,一种是用"对齐方式&qu ...
Excel如何将同一单元格内多数据拆分为多行显示
如下图,A列单元格含有多个姓名,现在想要将这些姓名拆分开并按一列显示如下图C列. 在数据前插入一列辅助列,并在辅助列内录入序号选中A2:B13单元格区域点击下图选项(Excel插件,百度即可了解详 ...
单元格中指定内容标红_按照指定单元格内容进行拆分，想怎么拆就怎么拆
前景提要好了今天我们来继续玩一下工作表的拆分,之前我们已经尝试了用指定列,指定行的方式来进行工作表的拆分,不知道有没有点燃小伙伴们的拆分热潮呢?之前我在写按照工作表的指定行数进行拆分的时候,就想到一 ...
html 单元格被撑开_table td宽度被撑开的问题。棘手~_html/css_WEB-ITnose
先贴代码 d df b bv ffffffffffffffffffffffffffffffffffff a a a 第一行第一列的td宽度设置为80,按理说和它一列的td都会为80的宽度,并且也设置了 ...
Excel应用技巧：单元格文字的拆分与合并
xyz今天想给大家分享的是一个很多人在工作中肯定会遇到的问题:多行单元格里的内容怎么在一个单元格内显示?一个单元格里的文字如何拆分至多行单元格? 许多朋友遇到这样的问题,可能会一行一行的去复制粘贴,可 ...

html单元格分割,html – 拆分td在两个

html单元格分割,html – 拆分td在两个相关推荐

最新文章

热门文章