Butoane de intrare în centru HTML (Programare, Html, Css)

utilizator1383147 a intrebat.

Aici este codul meu:

        <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">

Butoanele nu sunt în centru. Trebuie să folosesc CSS pentru asta? Am citit pe net să folosesc doar tag-ul simplu align.

Cum ar trebui să procedez pentru a alinia aceste butoane în centru?

Comentarii

  • @leppie: Aproape. Încercați style="text-align:center" instead –  > Por Asaph.
6 răspunsuri
Fiambre

Alinierea este depreciată pe HTML5, așa că a considerat că folosește CSS3 în schimb. Atributul align are rolul de a centra conținutul și nu elementul în sine.

Elementul de intrare este inline-block în mod implicit, deci, pentru a le centra trebuie să le puneți în interiorul unui div ca aici:

<div style="text-align:center;">
    <input type="text" />
</div>

Acest lucru se datorează faptului că elementele inline-block împart aceeași linie cu alte elemente și trebuie să centrați toate elementele care împart aceeași linie. Elementul div este un element bloc care se afișează singur pe o singură linie.

Aveți deci o altă opțiune pentru a centra o intrare, pe care o puteți seta la „display:block;”, ca aici:

<input type="text" style="margin:0px auto; display:block;" />

Vedeți: http://jsfiddle.net/T4f3W/

MusikAnimal

Ar trebui să folosiți CSS pentru o astfel de stilizare. Scapă de atributele HTML align, adaugă un wrapper și centrează textul. De asemenea, rețineți că <center> și anumite utilizări ale tag-ului align=center sunt depreciate începând cu 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>

Și pentru CSS-ul tău:

div
{
    text-align: center;
}​

Exor
<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>

Rohit Azad Malik

Definiți un div părinte și dați-i lui text-align center în css-ul tău .

Bună ziua Verificați la demo live http://jsfiddle.net/vdUEZ/


Eliminați p tag align center și dați la un div

Actualizat demo live http://jsfiddle.net/vdUEZ/1/

theliberalsurfer

aruncă intrările în interiorul unui <center> tag. verificați demo-ul live http://jsfiddle.net/xA2kS/

Comentarii

  • <center> este depreciat în HTML 4.01. –  > Por joshua.
Asaph

Strategia dvs. ar trebui să funcționeze dacă mutați <input> în interiorul etichetelor <p> și eliminați eticheta depreciată align în tag-ul <input> tag-uri. Chiar dacă ați utiliza atributul align în cadrul unei etichete <input> tag, atributul valoarea corectă ar fi "middle", nu "center". Încercați acest cod:

<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>

De asemenea, este posibil (de fapt, este preferabil) să folosiți CSS pentru centrare.

Tags:,