Wie zentriert man die Knöpfe horizontal in einem div?

8

Unten ist der Code, zwei Tasten in einem Div.

%Vor%

Wie zentrieren Sie die Tasten in der festen Größe horizontal?

    
mahesh 16.04.2012, 11:25
quelle

4 Antworten

18

Durch das Hinzufügen von text-align:center; CSS zum <div> werden die Schaltflächen zentriert. Sie sollten auch in Betracht ziehen, den Stil von dem Inhalt zu trennen, der unter anderen Gründen , reduziert die Duplizierung. Zum Beispiel

CSS

%Vor%

HTML

%Vor%

Bearbeiten: Die offizielle Definition für text-align lautet :

  

Die Eigenschaft text-align beschreibt, wie der Content auf Inline-Ebene eines Blockcontainers ausgerichtet wird

Damit zentriert alle Inline-Level-Elemente und <input> ist ein Inline-Element.

    
andyb 16.04.2012, 11:29
quelle
1

Versuchen Sie Folgendes:

%Vor%     
dimmat 16.04.2012 11:28
quelle
0

Geben Sie text-align: center; an Ihr Haupt-div & amp; müssen nicht inline css verwenden wir sollten css-klassen durch externe CSS dateien definieren und hier brauchen wir keine positionierung, die wir einfach mit CSS %Vor%

HTML

%Vor%

demo: - Ссылка

    
Shailender Arora 16.04.2012 12:04
quelle
-1
%Vor%     
xholicka 16.04.2012 11:28
quelle

Tags und Links

yii\base\ErrorException
Copied! Copy Stacktrace Search Stackoverflow Search Google Error

PHP Core Warningyii\base\ErrorException

PHP Startup: Unable to load dynamic library 'mongodb.so' (tried: /usr/lib64/php/modules/mongodb.so (/usr/lib64/php/modules/mongodb.so: cannot open shared object file: No such file or directory), /usr/lib64/php/modules/mongodb.so.so (/usr/lib64/php/modules/mongodb.so.so: cannot open shared object file: No such file or directory))

$_GET = [
    'id' => '340125',
    'url' => 'how-to-horizontally-center-the-buttons-in-a-fixed-sized-div',
];

$_COOKIE = [
    'advanced-frontend' => 'dce3006f9693eae2da02372434ea5bc2',
    '_csrf-frontend' => '795414962cf657b3c5df74421c90350b6ce747c2f80187ed3082869b4ba922bda:2:{i:0;s:14:"_csrf-frontend";i:1;s:32:"L07_BVDBccA2mfCi5u3-_EADlx8TPPMc";}',
];

$_SESSION = [
    '__flash' => [],
];