Ich versuche, den Knopf in der Mitte zu zentrieren

Ich habe Probleme, einen Knopf in einem td zu zentrieren.Ich versuche, den Knopf in der Mitte zu zentrieren

Dies ist wahrscheinlich ein einfaches CSS-Problem, aber die App verwendet Bootstrap, AngularJS, AngularJS-UI-Bootstrap und ngTable. Ich habe alle diese Komponenten in meine plunkr aufgenommen.

Ich versuche "horizontal-align: middle" auf der td mit der Taste, aber das scheint nicht angewendet werden. Der Knopf steht immer noch auf der linken Seite der Zelle.

Quelle

2014-03-13 David M. Karr

Haben Sie versucht align = "center" auf dem TD Hinzufügen“ –

was' text-align: center' –

Hat jemand aber @dawuut? merke, dass ich das schon hatte Ich hätte gedacht, ich hätte ein Problem mit der "Spezifität" dieser css-Regel, aber dawuuts Lösung, die nur die css-Regel ändert, wo ich die "horizontal-align" und "text-align" hatte Einstellungen, funktioniert tatsächlich. –

können Sie verwenden:

display: block; 
margin: auto;

Here is your updated plunkr

Quelle

2014-03-13 16:49:28 meriadec

Es stellt fest, dass die richtige Lösung am wenigsten verständlich ist. –

css hat seine eigenen Geheimnisse :) – meriadec

Wie ich in meinem Kommentar oben gesagt einfach die TD ändern Sie die align = "center" Eigenschaft zu haben.

<td align="center"></td>

Da dieses Posting habe ich entdeckt, dass diese in HTML5 veraltet sind also am besten nur zu verwenden, „text-align: center“ auf der TD in Ihrem CSS>

Quelle

2014-03-13 16:49:35

Das align-Attribut wurde in HTML5 entfernt. – lifetimes

@null - Sie lernen jeden Tag eine neue Sache! Es funktioniert immer noch, aber am besten CSS zu verwenden, dann schätze ich. –

Ich fand, dass ich kombinieren die folgenden Attribute, um JSF-Steuerelemente auf einer Seite zu zentrieren:

<h:form style="display: block; text-align: center; margin: auto; width: 200px"> 
<!-- components here --> 
</h:form>

Quelle

2015-04-10 06:50:34 fuzzyanalysis

Ändern Sie die Schaltfläche anstelle von td? Machen Sie weniger Einfluss auf den Stil.

table .btn{ 
    vertical-align: top; 
}

Quelle

2016-03-09 13:39:38

Dieser arbeitete für mich

<td style="text-align: center">

Quelle

2016-06-21 14:36:43 vineel

Ich versuche, den Knopf in der Mitte zu zentrieren

Antwort

Verwandte Themen