Căn chỉnh và sắp xếp văn bản tuyệt đối

Question

Tôi muốn một số văn bản được đặt ở giữa màn hình.

Tôi đã thử this nhưng không hoạt động. Dường như xung đột vị trí tuyệt đối với căn chỉnh.

Làm cách nào để có thể thực hiện tác vụ đơn giản này?

Answer 1

Các div không mất tất cả không gian ngang có sẵn khi hoàn toàn vị trí. Một cách rõ ràng thiết lập chiều rộng đến 100% sẽ giải quyết vấn đề:

HTML

<div id="my-div">I want to be centered</div>​ 

CSS

#my-div { 
    position: absolute; 
    bottom: 15px; 
    text-align: center; 
    width: 100%; 
} 

Answer 2

Có thể chỉ định chiều rộng sẽ hoạt động. Khi bạn position:absolute một phần tử, chiều rộng của nó sẽ co lại thành nội dung tôi tin.

Answer 3

Hãy thử điều này:

http://jsfiddle.net/HRz6X/2/

Bạn cần phải thêm left: 0 và right: 0 (không được hỗ trợ bởi IE6). Hoặc chỉ định một chiều rộng

Answer 4

này nên làm việc:

#my-div { left: 0; width: 100%; }