<div>
<button>Button</button>
</div>
Nie chcę dodawać kodów CSS do elementu div. Tak więc <div style="text-align: center;"> nie jest tym, czego chcę. Chcę tylko dodać kody CSS do elementu przycisku. Nie chcę dodawać kodów JS. Można użyć CSS3. Dziękuję Ci!Jak ustawić poziomo element przycisku w środku wyrównania w elemencie div?
button {
margin:0 auto;
display:block;
}
Trzeba display: block; margin: auto; na <button>. jsFiddle
Mam pytanie. Element block użyje pełnej szerokości swojego elementu nadrzędnego. Zobacz http://jsfiddle.net/xmpDD/1. Dlaczego element przycisku nie używa pełnej szerokości elementu div. Prawdą jest, że szerokość elementu przycisku wynosi 54 piksele. Nie mogę tego zrozumieć. Dziękuję Ci! – weilou
@weilou Właściwie elementy blokowe niekoniecznie muszą mieć szerokość rodzica. Ich łączna szerokość, marginesy i dopełnienie są równe szerokości ich rodzica. Mam nadzieję, że pomogło! –
Dziękuję bardzo! Phillip. Twój komentarz pomaga mi! – weilou
Inni już wspomniano metody margin: 0 auto;, ale jeśli chciał wyjaśnić, przeglądarka dzieli się na dostępnej przestrzeni w jakikolwiek pojemnik Twój elementem jest.
również podkreślić, to prawdopodobnie będziesz trzeba również podać elementowi szerokość, aby to działało poprawnie.
Tak ogólnie:
button {
display:inline-block; //Typically a button wouldn't need its own line
margin:0 auto;
width: 200px; //or whatever
}
Jeśli używasz tego w realnym świecie, musisz zwiększyć swoistość, że jeśli chcesz element przycisk wyśrodkowany wszędzie. –
Mam pytanie. Element block użyje pełnej szerokości swojego elementu nadrzędnego. Zobacz http://jsfiddle.net/xmpDD/1. Dlaczego element przycisku nie używa pełnej szerokości elementu div. Prawdą jest, że szerokość elementu przycisku wynosi 54 piksele. Nie mogę tego zrozumieć. Dziękuję Ci! – weilou
Czy '0' jest rzeczywiście konieczne? 'margin: auto;' wydaje się działać w FF, IE i Chrome. –