使用CSS网格移动特定的<td>元素？
使用CSS网格移动特定的<td>元素？
提问于 2019-02-05 20:47:55
我正在构建一个与CSS grid相结合的动态表，我希望将最左边的<th>和<td>稍微移出一点。不确定如何移动驻留在<table>“内部”的div中的特定元素。
基本上，这是我希望实现的目标：https://imgur.com/a/6Q9dKFT
这里有一个小提琴，展示了我正在使用的东西：https://jsfiddle.net/anr1exp2/
基本上，最左边的<td>保存了我所有的项目名称，我只想略过它，因为它与其他数据太紧密了。我不确定该怎么做，因为我正在将一个表格与CSS网格相结合。
PS:我试着只用CSS网格创建整个表格，但是因为我的表格是高度动态的，所以要做到这一点是非常困难的，而且是一个巨大的痛苦。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-02-05 21:37:40
添加此样式
th:first-child, td:first-child {
min-width: 120px;
background-color: lightgreen;
text-align: center;
}将最小宽度值调整为所需的值
还要注意的是，实际上您并没有使用表格的网格，它只是在一个网格单元中
要在不更改布局的情况下执行此操作，请使用转换：
th:first-child, td:first-child {
transform: translateX(-18px);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54542802
复制相关文章
点击加载更多
相似问题
Mulesoft设计中心问题
如何向Mulesoft设计中心(IPaSS)添加依赖项
无法使用Mulesoft AnyPoint API设计器
Mulesoft API设计器自动加载RAML文件
中心位置时在UICollectionViewCell上添加掩码
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
