Zentrieren-buttons mit CSS

Ich versuche, mich zu zentrieren, diese Knöpfe, aber die meisten Sachen online nicht funktioniert. <center> funktioniert nicht und text-align:center funktioniert nicht.

Die Tasten sollten zeigen, bis in exakt der gleichen Weise, außer in der Mitte zentriert. Wenn Sie dies versuchen, wird es nicht funktionieren. es muss ein problem sein, denke ich.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>website</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
});
</script>
<style type="text/css">
.button0 {
position:fixed;
left:88px;
top:58px;
font-family:MS Shell Dlg 2;
font-size:8px;
font-weight:NORMAL;
}
.button1 {
position:fixed;
left:6px;
top:191px;
font-family:MS Shell Dlg 2;
font-size:8px;
font-weight:NORMAL;
text-align: center;
margin-left:auto;
margin-right:auto;
}
.button2 {
position:fixed;
left:358px;
top:216px;
font-family:MS Shell Dlg 2;
font-size:8px;
font-weight:NORMAL;
}
</style>
<body>
<center>
<div class="button0"><input type="button" style="width: 268px;height: 145px;" value="Button"/></div>
<div class="button1"><input type="button" style="width: 40px;height: 88px;" value="Button"/></div>
<div class="button2"><input type="button" style="width: 76px;height: 73px;" value="Button"/></div>
</center>
</body>
</html>

Ich verstehe nicht ganz, was wollen Sie center - der text in den Tasten? Tasten sich vertikal?
die Tasten horzintal
wow wwhy Daumen nach unten
Nur zur info, Sie ' re fehlt ein schließendes head-tag

InformationsquelleAutor thelost | 2012-01-31

.container {
text-align: center;
}

.center-element {
width: 100px;
text-align: left;
}

oder

.container {
width: 200px;
}

.center-element {
width: 100px;
margin: 0px auto 0px auto;
}

oder

.container {
width: 200px;
}

.center-element {
width: 100px;
position: relative;
left: 50%;
margin-left: -50px;
}

hmm, ich weiß nicht, warum, aber es ist nicht etwas zu tun
cool es funktioniert. schön

InformationsquelleAutor ggzone

Können Sie nicht zuordnen position:fixed und top & left und erwarten, dass Ihre Elemente zentriert werden. Normalerweise margin: 0px auto wird gut funktionieren. Siehe Beispiel unten.

.button0 {
    font-family:MS Shell Dlg 2;
    font-size:8px;
    font-weight:NORMAL;
    margin: 0px auto;
}
.button1 {
    font-family:MS Shell Dlg 2;
    font-size:8px;
    font-weight:NORMAL;
    text-align: center;
    margin: 0px auto;
}
.button2 {
    font-family:MS Shell Dlg 2;
    font-size:8px;
    font-weight:NORMAL;
    margin: 0px auto;
}

Hier eine funktionierende Geige zu zeigen.

cool, zentriert es Sie, aber Sie Positionen, die nicht mit dem gegebenen
Damit Sie zentrieren möchten Ihnen durch einige andere auf andere Weise als FIFO?

InformationsquelleAutor James Hill

0

jsfiddle - nur drehen Sie den Knopf, um ein block-element, geben Sie die Breite und dann die automatische Ränder Links und rechts.

InformationsquelleAutor Marcus Olsson

Sie möchten, wickeln Sie es in ein relative div. Sie können dann legen Sie die Seitenränder Links und rechts auf auto.

Nur klar zu sein, ist es das, was du suchst?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>website</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
</script>
<style type="text/css">

</style>
<body>
    <div style="position:relative; width:500px; height:200px; background:green; text-align:center">
        <input type="button" style="width: 268px;height: 145px;" value="Button1"/>
        <input type="button" style="width: 40px;height: 88px;" value="Button2"/>
        <input type="button" style="width: 76px;height: 73px;" value="Button3"/>
    </div>
</body>
</html>

ich denke, ich habe es ausprobiert, und die Tasten nicht in den Ort, den Sie haben sollten
Müssen Sie möglicherweise wickeln Sie die Schaltflächen in einem anderen div, wenn Sie wollen, dass Sie, zusammen zu sein. Dann die Tasten müssten nicht die Marge auto, aber die Verpackung div würde.

InformationsquelleAutor SQLMason

0

Versuchen vertikal zentriert text in ein div. Sehen JSFiddle Demo zum Beispiel.

InformationsquelleAutor mikul

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.