有没有更优雅的解决方案来实现与此相同的效果?

我到目前为止的代码是这样的:

Table Test

table { border-collapse: collapse; }

td { border: solid 1px; }

td.nest { padding: 0px; }

td.nest table td { border-width: 0px 1px; }

td.nest table td:first-child { border-left: none; }

td.nest table td:last-child { border-right: none; }

1 2 3
1 2 3
1 2 3

到目前为止,我能够完成这项工作的唯一方法是在第一个中嵌入另一个表.我不喜欢它,因为理想情况下我只需要一个表,并且有很多额外的CSS来匹配第一个表的边框而不添加单元格(colspan =“3”)大小.我希望能够用普通的< tr>替换嵌套表.其中有三个< td> s.

我发现改变一个单元格宽度而不影响列中其他单元格的唯一方法是使用position:absolute;但是然后行中的下一个单元格被调整后的单元格的宽度向左移动,因此不能完全正常工作.宽度恰到好处也太难了.

那么,有没有办法只使用一个表获得相同的效果,没有额外的< div>等等,只是简单的CSS?该示例应该只有一个< table>,九< td> s并且没有colspan = s.我正在寻找一个纯CSS解决方案,如果存在.它应该能够处理任意宽度,只要它们加起来是原始宽度.

HTML表格修改字段,HTML表格 – 更改列中单个单元格的宽度相关推荐

  1. 计算机设置单元格行高,word表格调整(行高、列宽、单元格宽度)方法技巧-行距怎么设置...

    在word中使用表格经常需要针对性调整其行高与列宽,有时侯也需要对某个单元格单独调整宽度(需要注意的是:单元格不能单独调整高度.针对整个表格只有宽度调整.表格高度是通过对每一行的高度来调整.) 表格大 ...

  2. 计算机上wps表格乘除算法,WPS excel如何快速运算单个单元格中的乘除法?

    上一期我们学习了如何快速运算单个单元格中的加减法小技巧,今天再来带大家了解一下乘除的算法.当然,只要学会了今天的内容,以后就算遇到单个单元格中的混合运算,我们也可以轻松搞定啦. 首先,在首行单元格中输 ...

  3. 如何修改单元格的宽度html,如何在HTML中设置单元格的宽度和高度?

    要设置单元格的宽度和高度,请使用CSS样式.HTML5不支持 单元格的height和width属性.使用CSS属性width和height分别设置单元格的宽度和高度. 请记住,样式属性的使用会覆盖全局 ...

  4. 如何更改gridview中任意单元格颜色或者内容。

    比如我想把所有状态这一列名字为等待打印的字为红色.或者这个格子为红色.. 首先任意下一个方法:这个只是表面的更改. public string GetColor(object value) {if ( ...

  5. 如何更改Excel中某些单元格的货币符号

    If you're working with different currencies in one Excel spreadsheet, you'll need to change the curr ...

  6. excel中第一列相同,合并第2列中相应单元格内容,并用顿号隔开

    需求:数据表名这列相同的表,汇总数据要素,并以.隔开 效果 实现代码: Sub test() Application.ScreenUpdating = False n = 1 Set d = Crea ...

  7. 计算机表格有多少列多少行,『Excle 2016最大行』Excel2016一张工作表包含多少行,多少列,多少单元格...

    电脑装上了2019版EXCEL,最大承受行数竟然只有65536行,为什么 你的是xls格式吧 excel2016抢鲜版最多多少行 excel2016抢鲜版最多多少行 1.文件的后为*.xls,那么多就 ...

  8. 【表格设置】HTML中合并单元格,对列组合应用样式,适应各浏览器的内容换行

    1.常用表格标签 普通    <table>           |           <tr>          |           |          <th ...

  9. 计算机基础知识教程excel单元格拆分,电脑内怎么将excel表格中某个单元格的内容拆分至不同单元格里...

    电脑内怎么将excel表格中某个单元格的内容拆分至不同单元格里 当我们在使用电脑的时候,可以下载excel软件来处理数据文件,那么如果想要将一个单元格中的内容拆分到不同的单元格中的话,应如何操作呢?接 ...

最新文章

  1. js创建对象的几种方法
  2. php框架选型,超实用的开源php框架选择指导
  3. kafka消费者接收分区测试
  4. java script 对象
  5. 信息学奥赛C++语言:旅行
  6. 用Trivy扫描容器镜像
  7. Fedora 10安装amarok中文乱码解决办法
  8. 【明哥报错簿】之 mybatis异常invalid comparison: java.util.Date and java.lang.String
  9. delphi开发回忆录——面向对象的基础,继承
  10. python里怎么读取文件-python之文件读写
  11. 【NOI2001】【Vijos1531】食物链(并查集拓展域)
  12. 精伦210兼容谷歌_【精伦IDR210身份证阅读器兼容火狐和谷歌浏览器】 - 太平洋安防网...
  13. CocosCreator矢量绘图组件(1)
  14. # Logistic regression中的threshold
  15. 什么是云桌面?未来有可能替代电脑吗?
  16. 企业公众号怎么做内容?这四个阶段要做好
  17. 微信公众号文章爬取下载各种格式
  18. mac笔记本部分按键失灵
  19. wordCount的解析
  20. 空间数据结构(四叉树、八叉树、BVH树、BSP树、k-d树)

热门文章

  1. 【笔试/面试】—— 数组中第二大的数
  2. 基本采样算法及Python实现
  3. python自学要多久-自学Python要学多久可以学会?
  4. python自动化测试-【自动化测试】Python - unittest单元测试框架
  5. python入门经典100例-Python3经典100例(含习题答案) DOC 清晰版
  6. 启达传媒-微信小程序|微信小程序工具|微信小程序开发|微信小程序制作
  7. php中splite,PHP语言 的 chunk_split() 函数
  8. 信息孤岛影响_企业专访:以“信息化”冲破信息孤岛
  9. groupby java_Java流-在GroupBy之后获取内部元素
  10. FFmpeg架构之I/O模块分析