改变孩子在桌子中的位置 - CSS

时间:2018-06-07 18:07:56

标签: html css

想象一下,我有<table>,然后我想更改图像的位置以及表格的子项“nth-child”中的文本。有可能吗?请帮我解决这个问题谢谢。

这是表格的代码

<table id="tbl-inquiry">
  <tr>
    <td><img class="table-img"src="images/2.jpg"></td>
    <td><h5 class="table-title">sample</h5>
    <p class="table-description">sample text.</p></td>
  </tr>
  <tr>
    <td><img class="table-img"src="images/2.jpg"></td>
    <td><h5 class="table-title">sample</h5>
    <p class="table-description">sample text.</p></td>
  </tr>
</table>

示例输出

1 个答案:

答案 0 :(得分:2)

使用表格是不可能的,但如果您使用CSS Grid,则非常容易。

这是一个超级可靠的资源:https://css-tricks.com/snippets/css/complete-guide-grid/