使表格单元格方形

使表格单元格方形,第1张

使表格单元格方形

您可以使用以下技术中描述的技术:响应正方形的网格。

适应您的带有表和 方形表单元格的 用例,它看起来像这样:

table {  width: 90%;}td {  width: 33.33%;  position: relative;}td:after {  content: '';  display: block;  margin-top: 100%;}td .content {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: gold;}<table>  <tr>    <td><div >1</div></td>    <td><div >1</div></td>    <td><div >1</div></td>  </tr>  <tr>    <td><div >1</div></td>    <td><div >1</div></td>    <td><div >1</div></td>  </tr>  <tr>    <td><div >1</div></td>    <td><div >1</div></td>    <td><div >1</div></td>  </tr><table>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5149897.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-17
下一篇 2022-11-18

发表评论

登录后才能评论

评论列表(0条)

保存