テーブル内のボタンの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;
配置の意味がわかりません


は、以下に示すように、ボタンをテーブルの中央に配置することを意味します。
margin:0 auto;
}

2 つの CSS スタイルが間違って書かれています。
CSS には Colspan と align がありません


以下のスタイルを td に追加するだけで十分ですか?

text-align:center;

配置の意味がわかりません

は、以下に示すように、ボタンをテーブルの中央に配置することを意味します。





td.abc{
text-align:center;