2012-02-10 37 views
27

Tôi có đầu vào ở dạng mà tôi đang cố căn chỉnh ở giữa. Thông thường, margin-left:automargin-right: auto không phản hồi khi display: block không được thêm vào CSS. Tôi đã thêm display: block vào CSS của mình nhưng vẫn không hiển thị như tôi muốn.lề trái: tự động và lề phải: tự động không hoạt động trên đầu vào

Tôi đã thực hiện một JSFiddle để giữ dễ hiểu: http://jsfiddle.net/XnKDQ/97/

+0

Liên kết jsfiddle của bạn dường như không hoạt động. Theo gợi ý, mục có chiều rộng cố định được chỉ định hay không - Tôi tin rằng điều này cũng được yêu cầu cho phương pháp này. – Paddy

+0

Đã chỉnh sửa liên kết. – Xecure

Trả lời

55

Để margin: 0 auto; hoạt động, ngoài display:block một width cần được chỉ định.

+4

Đừng quên hiển thị: chặn một trong hai, bạn cho rằng nó sẽ hiển thị: inline-block, nhưng không ... Điều đó vi phạm nó –

+0

@Clarence nếu bạn đọc kỹ câu hỏi, bạn có thể thấy, Xecure đã áp dụng 'display: block;' cho phần tử. Đó là lý do tại sao tôi không đề cập đến điều đó. – Christoph

+0

Phải, tôi chỉ nói đọc câu trả lời của bạn một mình nó không được đề cập, và thậm chí so sánh các câu hỏi và câu trả lời của bạn nó không trực tiếp theo đó 'display: block' là có liên quan. Tôi nghĩ rằng nếu bạn đã thêm vào câu trả lời của mình, "Ngoài việc hiển thị: chặn, để ..." –

0

Bạn muốn ba hình thức với nhau để được sắp xếp ở trung tâm? Quấn chúng vào một div và trung tâm mà div thay vào đó.

+0

Tôi đang cố gắng căn chỉnh ở trung tâm của biểu mẫu – Xecure

4

Tôi tìm thấy giải pháp cho bạn

bạn nên xác định yếu tố rộng

input { 
    display: block; 
    margin: 10px auto 10px auto; 
    padding: 3px; 
    width:60px; 
} 
2

Trong trường hợp của tôi đó là float trái mà tôi quên mất do đó hãy chắc chắn rằng bạn áp dụng float: none nhập của bạn cánh đồng.

Bạn đã có màn hình hiển thị: khối và lề: 0 tự động, bạn chỉ cần đặt chiều rộng quá.

Ví dụ mà nên làm việc:

input {width:50% !important; margin:0 auto !important; display:block !important; float:none !important} 

Nếu điều đó không làm việc thử thêm quan trọng đối với các giá trị hoặc đảm bảo phong cách của bạn không được ghi đè bởi cái gì khác!.

+0

Đây là một trong đó làm việc cho tôi. Cảm ơn! – mikeym

0

ngoài việc chỉ định chiều rộng và khối hiển thị cũng kiểm tra xem thuộc tính float có được đặt thành không.

0

Khi nghiện mọi thứ, bạn có thể kiểm tra xem cơ thể của bạn có vị trí thông số hay không. Nó có thể được thiết lập để cố định.

Các vấn đề liên quan