Rumah  >  Artikel  >  hujung hadapan web  >  table中按钮CSS样式无法对齐的问题_html/css_WEB-ITnose

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

WBOY
WBOYasal
2016-06-21 09:43:121242semak imbas

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;
}
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn