css - 如何将此表格单元格居中在一行内?
问题描述
我如何将单个单元格居中在 tr 内,是否有我不知道的属性?所以,如果可能的话,无论在上方或下方添加多少个单元格,我都希望该单个单元格居中。这是在电子邮件模板的上下文中。
td {
border: 1px solid blue;
padding: 50px;
}
.center {
padding: 0;
}
<table id="main">
<tr>
<td>
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td class="center">center me please</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
解决方案
只需添加align="center"
到table
您要制作的中心
td {
border: 1px solid blue;
padding: 50px;
}
.center {
padding: 0;
}
<table id="main">
<tr>
<td>
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center">
<tr>
<td class="center">center me please</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
推荐阅读
- javascript - 如何使用javascript fetch在HTML网页中显示rest api GET
- r - 手动从图例中删除级别,同时保留数据中不存在的级别
- python - Discord.py Bot 每天特定时间运行功能
- google-sheets - 如何将表单响应列表转换为汇总表?
- bokeh - 如何在散景图中的同一行上放置多个注释?
- java - 如何实现 SharedPreferences 以在会话之间保留 Integer?
- c++ - 如何在 DLL 和 exe 中使用 Glad
- r - 在 rShiny 中的两个 renderDT 之间切换
- sql - 2020 年在 CALCULATED 组中排序后的最佳结果,在 postgres 中,没有嵌套查询(子查询,ctes ...)?
- mongodb - Mongodb 将 $group 缩小到特定 ID