如何在 HTML 表格单元格中居中对齐文本,而不考虑单元格中的其他元素

陪审团鲁迪

如何div在不计算同一列中的其他元素的情况下将文本居中div

td {
  border: 1px solid black;
  width: 150px;
  text-align: center;
}

button {
  float: right;
}
<table>
  <tr>
    <td>text1</td>
  </tr>
    <td>text2<button>ok</button></td>
  <tr>
    <td>text3</td>
  </tr>
</table>

马哈库斯

您将不得不position:absolute;在按钮上使用它,以便它可以被忽略并允许文本居中。

td {
  border: 1px solid black;
  width: 150px;
  text-align: center;
  position: relative;
}

.okButton {
position: absolute;
right: 0;
top: 0;
}
<table>
  <tr>
    <td>text1</td>
  </tr>
  <td>text2<button class="okButton">ok</button></td>
  <tr>
    <td>text3</td>
  </tr>
</table>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当其他内容浮动正确时,如何在html表格单元格中居中放置内容?

来自分类Dev

如何在html中组成覆盖表格的单个单元格(具有自己的内容)的元素?

来自分类Dev

如何从 HTML/CSS 中的表格中删除单元格?

来自分类Dev

如何使用 JavaScript 在 HTML 表格中搜索单元格?

来自分类Dev

如何自动中断HTML单元格中的文本?

来自分类Dev

如何自动将HTML表格单元格中的文本换行换行?

来自分类Dev

如何将Powerpoint表格单元格中的格式化文本转换为HTML

来自分类Dev

HTML表格单元格中的其他空格

来自分类Dev

HTML表格单元格中的其他空格

来自分类Dev

如何在HTML表格中强制使用单元格的边框颜色

来自分类Dev

如何在HTML的两个表格单元格中插入昨天和今天的日期?

来自分类Dev

如何在HTML中的表格单元格之间放置间距?

来自分类Dev

如何在 jsPDF 自动表格中识别 HTML 类或特定单元格

来自分类Dev

如何在html表格单元格中单独显示group_concat结果?

来自分类Dev

如何对齐表格单元格(<td>)中的元素?

来自分类Dev

使HTML表单元格中的文本与其他单元格重叠

来自分类Dev

如何在html表格单元格内的文本下划线加倍?

来自分类Dev

如何在html表格单元格内的文本下划线加倍?

来自分类Dev

我如何在React中将HTML表格单元格数据动态插入具有动态标题的表格中?

来自分类Dev

我如何在React中将HTML表格单元格数据动态插入具有动态标题的表格中?

来自分类Dev

如何在 ASP 中动态生成表格的单元格中设置文本的对齐方式?

来自分类Dev

如何在表格单元格中获取元素?

来自分类Dev

如何在表格单元格中垂直对齐文本的第一行?

来自分类Dev

CSS HTML如何删除表格中的整个单元格链接?

来自分类Dev

如何通过每行中的动态添加按钮更改HTML表格单元格的值

来自分类Dev

如何删除html表格单元格中的所有左右填充?

来自分类Dev

如何使用angularJS在HTML中制作具有4个单元格的表格

来自分类Dev

如何使用HTML增加表格中单个列的单元格长度?

来自分类Dev

Visual Basic HTML Agility Pack如何从表格单元格中获取图像

Related 相关文章

  1. 1

    当其他内容浮动正确时,如何在html表格单元格中居中放置内容?

  2. 2

    如何在html中组成覆盖表格的单个单元格(具有自己的内容)的元素?

  3. 3

    如何从 HTML/CSS 中的表格中删除单元格?

  4. 4

    如何使用 JavaScript 在 HTML 表格中搜索单元格?

  5. 5

    如何自动中断HTML单元格中的文本?

  6. 6

    如何自动将HTML表格单元格中的文本换行换行?

  7. 7

    如何将Powerpoint表格单元格中的格式化文本转换为HTML

  8. 8

    HTML表格单元格中的其他空格

  9. 9

    HTML表格单元格中的其他空格

  10. 10

    如何在HTML表格中强制使用单元格的边框颜色

  11. 11

    如何在HTML的两个表格单元格中插入昨天和今天的日期?

  12. 12

    如何在HTML中的表格单元格之间放置间距?

  13. 13

    如何在 jsPDF 自动表格中识别 HTML 类或特定单元格

  14. 14

    如何在html表格单元格中单独显示group_concat结果?

  15. 15

    如何对齐表格单元格(<td>)中的元素?

  16. 16

    使HTML表单元格中的文本与其他单元格重叠

  17. 17

    如何在html表格单元格内的文本下划线加倍?

  18. 18

    如何在html表格单元格内的文本下划线加倍?

  19. 19

    我如何在React中将HTML表格单元格数据动态插入具有动态标题的表格中?

  20. 20

    我如何在React中将HTML表格单元格数据动态插入具有动态标题的表格中?

  21. 21

    如何在 ASP 中动态生成表格的单元格中设置文本的对齐方式?

  22. 22

    如何在表格单元格中获取元素?

  23. 23

    如何在表格单元格中垂直对齐文本的第一行?

  24. 24

    CSS HTML如何删除表格中的整个单元格链接?

  25. 25

    如何通过每行中的动态添加按钮更改HTML表格单元格的值

  26. 26

    如何删除html表格单元格中的所有左右填充?

  27. 27

    如何使用angularJS在HTML中制作具有4个单元格的表格

  28. 28

    如何使用HTML增加表格中单个列的单元格长度?

  29. 29

    Visual Basic HTML Agility Pack如何从表格单元格中获取图像

热门标签

归档