table中按钮CSS样式无法对齐的问题_html/css_WEB-ITnose

css html td

使用下面的代码，直接在HTML文件中指定td的colspan="2" align="center"属性，可以使按钮成功对齐：

				<tr>					<td colspan="2" align="center"><input type="button"						class="btn-login" value="登录"						onmouseover="this.style.backgroundPosition='left -36px'"						onmouseout="this.style.backgroundPosition='left top'" /></td>				</tr>

]

但是如果使用CSS样式的话，则无法对齐，初学CSS，请大家帮忙看一下是什么问题呢？多谢了！

					<td class="colspan2 colcenter"><input type="button"						class="btn-login" value="登录"						onmouseover="this.style.backgroundPosition='left -36px'"						onmouseout="this.style.backgroundPosition='left top'" />					</td>

相应的CSS样式：

.colspan2 {	colspan: 2;}.colcenter {	align: center;}

回复讨论(解决方案)

直接给td加以下样式就可以了吗？
 text-align:center;
不理解你说的对齐是什么意思

直接给td加以下样式就可以了吗？
 text-align:center;
不理解你说的对齐是什么意思


是指希望按钮能够在表格中居中对齐，如下图：

  

input
{
    display:block;
    margion:0 auto;
}

你的两个css 样式都写错了。
css 没有 colspan和align

直接给td加以下样式就可以了吗？
 text-align:center;
不理解你说的对齐是什么意思


是指希望按钮能够在表格中居中对齐，如下图：

  

td.abc{
text-align:center;
}