Home > Web Front-end > HTML Tutorial > table中按钮CSS样式无法对齐的问题_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-21 09:43:12
Original
1316 people have browsed it

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>
Copy after login
]

但是如果使用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>
Copy after login


相应的CSS样式:
.colspan2 {	colspan: 2;}.colcenter {	align: center;}
Copy after login



回复讨论(解决方案)

直接给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;
}
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template