2013-05-28 41 views
10

Tôi đã đơn giản hóa mã càng nhiều càng tốt, nhưng vẫn không thể lấy mã đó làm trung tâm. Tôi tin rằng sự thiếu kinh nghiệm của tôi với CSS không cho phép tôi nhìn thấy một cái gì đó vô cùng đơn giản.Tự động lề CSS không canh giữa

Nếu bất kỳ ai cũng biết một số tài nguyên tốt cho css, điều đó sẽ tuyệt vời. Tôi đã đọc các phần của nhiều sách CSS nhưng có tất cả rất cơ bản và bao gồm cùng một điều.

CSS Markup:

/* MAIN ––––––––––––––––––––– */ 
html { 
    /* overflow-y:scroll; */ 
} 
body { 
    /* margin:0; */ 
    /* position:relative; */ 
} 
/* Form ––––––––––––––––––––– */ 
#form { 
    margin:0 auto; 
    width: 300px; 
    height: 200px; 
    display: inline-block; 
    border: 2px solid black; 
} 

index.html

<html> 
    <body> 

    <form id='form'></form> 

    </body> 
</hml> 

Trả lời

18

Thay đổi màn hình để chặn nếu bạn muốn sử dụng margin: auto căn giữa đối tượng. Điều đó không hoạt động với các phần tử nội tuyến.

+0

okay đó là nơi tôi đã đi sai nhiều lần rồi, Cảm ơn. – Crispy

+2

Căn chỉnh văn bản: trung tâm hoạt động trên các phần tử nội tuyến và khối nội tuyến nếu bạn cần trộn nội tuyến và chặn, sau đó bạn có thể sử dụng nó. –