Trước khi một người nào đó bỏ phiếu cho tôi để hỏi thêm một vấn đề khác về trung tâm. Hãy đọc tình hình của tôi trước khi phán xét!Định tâm một DIV chất lỏng với chiều rộng tối đa và định vị tuyệt đối
Tôi quen thuộc với các kỹ thuật phổ biến nhất để căn giữa nội dung nhưng đây là tình huống của tôi. Tôi có một DIV mà phải được cả hai theo chiều dọc và chiều ngang trung tâm trong cha mẹ của nó, nhưng nó cũng phải được chất lỏng và không vượt quá chiều rộng 890px.
Độ rộng tối đa đạt được mức chất lỏng mà tôi muốn nhưng vì các yếu tố vị trí tuyệt đối cần chiều rộng thay vì chiều rộng tối đa các điểm ngắt tâm dọc/ngang của tôi. Tại thời điểm này tôi phải hy sinh chất lỏng-ness hơn centering (hoặc ngược lại) nhưng tôi NEED cả hai.
Tôi muốn giữ cho nội dung trong DIV làm trung tâm của tôi trong cái nhìn bất cứ lúc nào, mã hiện tại của tôi không làm điều này, nó che giấu nội dung như các cửa sổ được làm nhỏ hơn http://jsfiddle.net/cCQ2w/
bất cứ ai có thể đề xuất một giải pháp có thể làm việc cho tôi?
Cảm ơn cách tiếp cận khác nhưng vượt quá 890px, hãy thử thêm văn bản đoạn văn bản khác và làm cửa sổ trình duyệt lớn hơn. Bất kỳ ý tưởng nào khác? – egr103
@ egr103, tôi chỉ quên xóa "chiều rộng: 100%;" từ .break css. Tôi đã sửa nó ở đây: [http://jsfiddle.net/afNyC/](http://jsfiddle.net/afNyC/). Tôi đã thử nghiệm nó trong Firefox, Chrome và IE 9 – khomyakoshka
Brilliant! Cảm ơn! Về cơ bản, mã ban đầu của tôi có div chiều rộng 100% phía sau bit chính của nội dung sao cho hình ảnh bg có thể lấp đầy toàn bộ chiều rộng của cửa sổ trình duyệt. Bạn sẽ đề nghị thêm một wrapper khác xung quanh .break để có được ảnh hưởng này? – egr103