Wie kann ich die center-box in CSS?
Ich würde gerne wissen, wie kann ich center diese box?
HTML-Code:
<div id="box"></div>
CSS-Code:
#box
{
width : 30%;
height : auto;
overflow : auto ;
border : 1px solid #C5C5C5;
background : #F8F8F8;
position : absolute;
left : 33.6%;
border-top : none;
text-align : left;
display : none;
}
- Warten Sie, warum sind Sie zentrieren den Kasten, wenn es
display: none
? - wenn es scheint, ich soll zentriert werden
- Okay, das macht Sinn.
- Nehmen Sie
position
undleft
ist, dann fügen Siemargin:auto;
- dies ist das Feld, das angezeigt wird, wie das google auto vorschlagen, aber das ist codiert in php, mysql, und jquary. Jetzt macht es Sinn?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Da #box wird absolut positioniert, würde man es etwa so:
Diese Eigenschaften sind zusätzlich zu denen, die Sie sich gesetzt haben, schon.
Die Idee ist auf Platz #box die linke Kante in der Mitte von dem enthaltenden element (Links: 50%), dann move #box Links von der Hälfte seiner eigenen Breite, indem Sie eine negative margin (margin-left: -15%).
Versuchen den folgenden CSS:
centered
ist sinnloswidth : 30%;
, so sollte es in Ordnung sein.Diese funktioniert bei mir: