github的readmemd里面如何罗列 screenshots要 4 个一排的那种
可以使用HTML中的表格标签来实现四个一排的效果,具体操作步骤如下:
- 在README.md文件中添加一个表格标签,如下所示:
<table>
<tr>
<td><img src="screenshot1.png"></td>
<td><img src="screenshot2.png"></td>
<td><img src="screenshot3.png"></td>
<td><img src="screenshot4.png"></td>
</tr>
</table>
-
将每个截图放在表格中的一个单元格中,使用img标签来显示每个截图。
-
将表格的边框和间距设置为0,以去除默认的表格样式:
<style>
table {
border-collapse: collapse;
margin: 0;
padding: 0;
}
td {
padding: 0;
}
</style>
- 根据需要,可以在每个截图下方添加文字说明,以进一步描述截图的内容和作用。
完整的代码示例如下:
## Screenshots
<table>
<tr>
<td><img src="screenshot1.png"><br>说明文字1</td>
<td><img src="screenshot2.png"><br>说明文字2</td>
<td><img src="screenshot3.png"><br>说明文字3</td>
<td><img src="screenshot4.png"><br>说明文字4</td>
</tr>
</table>
<style>
table {
border-collapse: collapse;
margin: 0;
padding: 0;
}
td {
padding: 0;
}
</style>
通过以上步骤,就可以在README.md中实现四个一排的截图效果
原文地址: https://www.cveoy.top/t/topic/f3Qh 著作权归作者所有。请勿转载和采集!