Javascript 获取要在页面上向上移动的表格单元格内容

Javascript 获取要在页面上向上移动的表格单元格内容,javascript,jquery,html,css,Javascript,Jquery,Html,Css,好的,我在尝试使用display:table对齐两列中的内容时遇到了一个奇怪的问题,并且使列div中的内容位于顶部而不是底部 这是我的问题-请看最右边的按钮/内容在该div的底部对齐: 以下是实现这一目标的方法——我正在努力做到这一点: 在右边,无论我如何处理边距顶部、填充顶部或顶部,它都保持在底部。如何解决此问题?垂直对齐属性应该满足您的需要 .以内容为中心{ 左侧填充:280px; } /*分为两部分*/ 纠正{ 显示:表格单元格; 垂直对齐:顶部; 左:2米; } 居中{ 宽度:600p

好的,我在尝试使用display:table对齐两列中的内容时遇到了一个奇怪的问题,并且使列div中的内容位于顶部而不是底部

这是我的问题-请看最右边的按钮/内容在该div的底部对齐:

以下是实现这一目标的方法——我正在努力做到这一点:

在右边,无论我如何处理边距顶部、填充顶部或顶部,它都保持在底部。如何解决此问题?

垂直对齐属性应该满足您的需要

.以内容为中心{ 左侧填充:280px; } /*分为两部分*/ 纠正{ 显示:表格单元格; 垂直对齐:顶部; 左:2米; } 居中{ 宽度:600px; 显示:表格单元格; 左侧填充:270px; } 内容{ 显示:表格行; }

选择听起来像您的选项

我是一个用户 我是一家商店
设置垂直对齐以向上移动内容

#righted {
  vertical-align: top
}
您可能需要删除段落上的边距,使其位于最顶端,而不使用浏览器中的默认边距

#righted p {
  margin-top: 0;
}

使用“垂直对齐:顶部”表示右侧对齐

您还为内容定义了display:table行,但内容不是div的id,所以应该是.content

检查编辑的代码

.以内容为中心{ 左侧填充:280px; } /*分为两部分*/ 纠正{ 显示:表格单元格; 左:2米; 垂直对齐:顶部; } 居中{ 宽度:600px; 显示:表格单元格; 左侧填充:270px; } .内容{ 显示:表格行; }

选择听起来像您的选项

我是一个用户 我是一家商店
#righted {
  vertical-align: top
}
#righted p {
  margin-top: 0;
}