日期:2014-05-17  浏览次数:20651 次

table中按钮CSS样式无法对齐的问题
使用下面的代码,直接在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;
}


css html td

------解决方案--------------------
你的两个css 样式都写错了。
css 没有 colspan和align
------解决方案--------------------
引用:
Quote: 引用:

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



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

  


<td class='abc' />

td.abc{
text-align:center;
}