8

これが私のコードです：

        <p align="center">Do you want to play the game?</p><br>
        <Input type = 'Submit' Name ='StartQuiz' value="Yes" align="center">
        <Input type = 'Submit' Name ='LogOut' value="No" align="center">

ボタンは中央にありません。これには CSS を使用する必要がありますか? シンプルな整列タグを使用するためにネットで読みました。

これらのボタンを中央に揃えるにはどうすればよいですか?

4

6 に答える 6

2

このようなスタイリングには CSS を使用する必要があります。HTML の align 属性を取り除き、ラッパーを追加して、テキストを中央に配置します。<center>また、タグと特定の使用法はalign=center、HTML5 の時点で非推奨になっていることに注意してください。

<div>
    <p>Do you want to play the game?</p><br>
    <input type="submit" name="StartQuiz" value="Yes">
    <input type="submit" name="LogOut" value="No">
</div>

そしてあなたのCSSのために：

div
{
    text-align: center;
}​
于 2012-05-29T05:48:21.013 に答える
0 
<p align="center">Do you want to play the game?</p><br>
<div style="text-align: center">
        <Input type = 'Submit' Name ='StartQuiz' value="Yes"  align="center">
        <Input type = 'Submit' Name ='LogOut' value="No" align="center">
</div>
于 2012-05-29T05:46:47.133 に答える
0

1 つの div の親を定義text-align centerし、css で指定します。

こんにちはライブデモをチェックしてくださいhttp://jsfiddle.net/vdUEZ/

削除p tag align centerして1つのdivに与える

更新されたライブ デモ http://jsfiddle.net/vdUEZ/1/

于 2012-05-29T05:44:25.330 に答える
-1

<input>タグをタグ内に移動し、タグ内の<p>非推奨のalign属性を削除すると、戦略が機能するはずです<input>。タグでalign属性を使用したとしても、正しい値はではなくです。このコードを試してください：<input>"middle""center"

<p align="center">Do you want to play the game?<br>
    <Input type = 'Submit' Name ='StartQuiz' value="Yes">
    <Input type = 'Submit' Name ='LogOut' value="No">
</p>

センタリングに CSS を使用することも可能です (実際には推奨されます)。

于 2012-05-29T05:42:35.850 に答える
-1

<center>入力をタグ内にチャックします。ライブデモをチェックしてくださいhttp://jsfiddle.net/xA2kS/

于 2012-05-29T05:43:40.157 に答える