html - 将 html 表格单元格数据(具有一个表格和按钮)居中对齐

标签 html css

Screenshot of table row

在这里,在第二列中我有一个表(根据数据动态创建)和一个具有 css 属性的跨度 -

span.addPeriod {
width: 80px;
height: 15px;
float: right;
background-color: #A6A6A6;
cursor: pointer;
text-align: center;
border-radius: 5px;
vertical-align: middle; }

span.addPeriod:hover { 
background-color: #507BAF; }

span.addPeriod a {
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;}

我正在尝试将单元格中心(垂直)的跨度“添加周期”对齐为测试,Xyzz。 请帮忙。

最佳答案

尝试将第二列单元格的垂直对齐设置为中间。

关于html - 将 html 表格单元格数据(具有一个表格和按钮)居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21276712/

相关文章:

html - 背景位置似乎不准确

javascript - Bootstrap 表在 Chrome 上无法正常工作,但在 Firefox 上可以正常工作

css - 在响应式设计中,文本不会环绕在图像下方

jquery - CSS/JQuery 边框

javascript - 具有 rowGrouping 的数据表无法隐藏列

html - Windows 8 Metro 应用程序中的弹出控件?

javascript获取div内的所有输入,包括select和textarea

javascript - 缩小 PhoneGap App 的代码?

html - 内联 block 不适用于 ie8?

html - css - 动画迭代计数总是无限的。期望 1 次迭代